Tabs

Single Bottom Border | Top Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="single_bottom_border" tab_position="top_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Single Top Border | Top Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="single_top_border" tab_position="top_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Full Border | Top Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="full_border" tab_position="top_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Background Filled – No Border | Top Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="filled" tab_position="top_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Full Border | Right Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="full_border" tab_position="right_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Background Filled – No Border | Bottom Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="filled" tab_position="bottom_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Single Bottom Border | Left Position

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
[tp_tabs style="single_bottom_border" tab_position="left_position" ] [tp_tab title="Tab Title"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit accumsan hendrerit. In vulputate accumsan est. Duis pretium leo odio, ac tincidunt odio imperdiet in. Ut adipiscing turpis sit amet nunc cursus molestie. Donec ligula tortor, dapibus non felis sit amet, convallis consectetur elit. [/tp_tab] [tp_tab title="Another Long Tab Title"] In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/tp_tab] [/tp_tabs]

Tab Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • animation: “fade_in”, “move_left”, “move_right”, “move_up”, “scale_up”, “little_bounce”, “fade_in_down”, “fade_in_left”, “fade_in_right”.
  • style: “single_bottom_border”, “single_top_border”, “full_border”, “filled”.
  • tab_position: “top_position”, “right_position”, “bottom_position”, “left_position”.

Tab Item Options

  • title: Enter Title of the tab.
  • content: Add the tab content.