3 Alternative Styles

simple

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.

button

  • Caption #1
  • Caption #2

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.

none

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.

Get The Code

Multiple Tab Positions

  • top-left

    • #1
    • #2

    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.

  • top-center

    • #1
    • #2

    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.

  • top-right

    • #1
    • #2 Tab

    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.

  • bottom-left

    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.

    • #1
    • #2
  • bottom-center

    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.

    • #1
    • #2
  • bottom-right

    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.

    • #1
    • #2
  • left-top

    • #1
    • #2

    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.

  • right-top

    • #1
    • #2

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

Get The Code

Different Opening Method

  • click

    • #1
    • #2

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

  • hover

    • #1
    • #2

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

Get The Code

[tabs] Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • position
    Available Options:
    • top-left
    • top-center
    • top-right
    • bottom-left
    • bottom-center
    • bottom-right
    • left-top
    • right-top
  • style
    Available Options:
    • simple
    • button
    • transparent
  • type
    Available Options:
    • click - change tab on click
    • hover - change tab on hover

[tab_title] Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)

[tab_content] Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)