• Home
  • About Hope
  • Blog
  • Resources
    • Hope Minutes
  • VA Services
  • Contact
    • Skip to primary navigation
    • Skip to main content
    • Skip to primary sidebar

    You are here: Home / Shortcodes / Other Shortcodes / Tabs Shortcodes

    Tabs Shortcodes

    3 Alternative Styles

    simple

    [tabs style=”simple” position=”top-left”] [tab_title][icon size=”small” icon=”male” style=”solid”][/tab_title] [tab_content]

    Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.
    [/tab_content] [tab_title][icon size=”small” icon=”female” style=”solid”][/tab_title] [tab_content]

    Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [/tabs]

    button

    [tabs style=”button” position=”top-left”] [tab_title]Caption #1[/tab_title] [tab_content]

    Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [tab_title]Caption #2[/tab_title] [tab_content]

    Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [/tabs]

    none

    [tabs style=”transparent” position=”top-left”] [tab_title][icon size=”small” icon=”male” style=”solid”][/tab_title] [tab_content]

    Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [tab_title][icon size=”small” icon=”female” style=”solid”][/tab_title] [tab_content]

    Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [/tabs]

    [get_the_code]

    simple

    [tabs style=”simple” position=”top-left”] [tab_title][icon size=”small” icon=”male” style=”solid”][/tab_title] [tab_content]

    Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.
    [/tab_content] [tab_title][icon size=”small” icon=”female” style=”solid”][/tab_title] [tab_content]

    Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [/tabs]

    button

    [tabs style=”button” position=”top-left”] [tab_title]Caption #1[/tab_title] [tab_content]

    Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [tab_title]Caption #2[/tab_title] [tab_content]

    Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [/tabs]

    none

    [tabs style=”transparent” position=”top-left”] [tab_title][icon size=”small” icon=”male” style=”solid”][/tab_title] [tab_content]

    Morbi purus leo, pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [tab_title][icon size=”small” icon=”female” style=”solid”][/tab_title] [tab_content]

    Pellentesque non molestie sit amet, vehicula quis orci. Pellentesque ac scelerisque elit, sed auctor turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dignissim ac leo et varius. Maecenas enim leo, pharetra nec cursus eu, pellentesque eget sapien. Morbi pellentesque non nulla a scelerisque. Phasellus porttitor sit amet nisi nec varius.

    [/tab_content] [/tabs] [/get_the_code]
    [divider]

    Multiple Tab Positions

    [one_half]

    top-left

    [tabs position=”top-left”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half] [one_half_last]

    top-center

    [tabs position=”top-center”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tab_content] [/tabs] [/one_half_last] [one_half]

    top-right

    [tabs position=”top-right”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2 Tab[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half] [one_half_last]

    bottom-left

    [tabs position=”bottom-left”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half_last] [one_half]

    bottom-center

    [tabs position=”bottom-center”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half] [one_half_last]

    bottom-right

    [tabs position=”bottom-right”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half_last] [one_half]

    left-top

    [tabs position=”left-top”] [tab_title]#1[/tab_title] [tab_content]

    Fusce mollis, nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half] [one_half_last]

    right-top

    [tabs position=”right-top”] [tab_title]#1[/tab_title] [tab_content]

    Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique molestie.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/one_half_last]

    [get_the_code]

    top-left

    [tabs position=”top-left”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs]

    top-center

    [tabs position=”top-center”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tab_content] [/tabs]

    top-right

    [tabs position=”top-right”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2 Tab[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs]

    bottom-left

    [tabs position=”bottom-left”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs]

    bottom-center

    [tabs position=”bottom-center”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs]

    bottom-right

    [tabs position=”bottom-right”] [tab_title]#1[/tab_title] [tab_content]

    Nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs]

    left-top

    [tabs position=”left-top”] [tab_title]#1[/tab_title] [tab_content]

    Fusce mollis, nibh et mattis interdum, odio enim ultrices risus, quis viverra odio est a odio. Etiam et gravida quam. Nunc ut purus ligula, sed tristique nibh.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs]

    right-top

    [tabs position=”right-top”] [tab_title]#1[/tab_title] [tab_content]

    Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique molestie.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Aenean ut tellus nisl, non pellentesque justo. Nam accumsan, lacus in tempor tempus, neque tellus accumsan nisl, ut egestas magna magna sit amet nulla.

    [/tab_content] [/tabs] [/get_the_code]
    [divider_top]

    Different Opening Method

    [one_half]

    click

    [tabs type=”click” position=”top-left”] [tab_title]#1[/tab_title] [tab_content]

    Tab 1: Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Tab 2: Nullam vel nibh id dolor tristique viverra. Aliquam blandit sapien massa. Aenean non facilisis quam. Donec mollis leo sed eros ullamcorper, in consequat magna volutpat. Nunc bibendum neque vitae felis feugiat fringilla et vitae nulla.

    [/tab_content] [/tabs] [/one_half] [one_half_last]

    hover

    [tabs type=”hover” position=”top-left”] [tab_title]#1[/tab_title] [tab_content]

    Tab 1: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Tab 2: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.

    [/tab_content] [/tabs] [/one_half_last]

    [get_the_code]

    click

    [tabs type=”click” position=”top-left”] [tab_title]#1[/tab_title] [tab_content]

    Tab 1: Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Tab 2: Nullam vel nibh id dolor tristique viverra. Aliquam blandit sapien massa. Aenean non facilisis quam. Donec mollis leo sed eros ullamcorper, in consequat magna volutpat. Nunc bibendum neque vitae felis feugiat fringilla et vitae nulla.

    [/tab_content] [/tabs]

    hover

    [tabs type=”hover” position=”top-left”] [tab_title]#1[/tab_title] [tab_content]

    Tab 1: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.

    [/tab_content] [tab_title]#2[/tab_title] [tab_content]

    Tab 2: sit amet turpis eu est laoreet porta. Praesent enim magna, sodales eu scelerisque a, euismod eget metus. Praesent neque enim.

    [/tab_content] [/tabs] [/get_the_code]
    [divider]

    [icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

    [tabs] Shortcode documentation

    [tabs doc=”true”] [divider]

    [icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

    [tab_title] Shortcode documentation

    [tab_title doc=”true”] [divider]

    [icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

    [tab_content] Shortcode documentation

    [tab_content doc=”true”]

    Primary Sidebar

    Hi There!

    Hi There!

    Hi there, I'm Hope! Thanks for stopping by my site! I'm grateful that you stopped and took a few minutes to visit.

    A little about myself...

    I'm a single mom, a professional, a Hope and Empowerment Coach, and a fighter of depression and anxiety. Here, I am ME. No more, no less. Come hang out with me. You're welcome here, just the way you are!

    Subscribe to Blog via Email

    Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    SUBSCRIBE

    Web Hosting

    Categories

    • Blog
    • Business
    • Depression
    • Entrepreneurship
    • Fullwidth
    • Lifestyle
    • Miscellaneous
    • Self-Love
    • Spirituality

    Archives

    SUBSCRIBE TO MY NEWSLETTER!

    Every month get a newsletter filled with uplifting stories of hope and productive tips!

    • Facebook
    • Instagram
    • Twitter
    • Pinterest

    © 2019

    We are using cookies to give you the best experience on our website.

    You can find out more about which cookies we are using or switch them off in settings.

    Powered by  GDPR Cookie Compliance
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

    Strictly Necessary Cookies

    Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

    If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

    Cookie Policy

    More information about our Cookie Policy