Tab & Toggle

[heading h=”h2″]Tab[/heading]

Put Your content in a tab with Tab Shortcode. There are 2 parameters that You can use.

Name: add the name of the tab.
Color: blue, purple and yellow. If You use different color style on Your site than default, the colors will be different too.

[tab]
[tab_content name="first" color="blue"]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/tab_content]
[tab_content name="second" color="purple"]
Per salutandi aliquando te, magna tritani ocurreret an qui, purto propriae eos at.
[/tab_content]
[/tab]
[spacer] [tab] [tab_content name=”First” color=”blue”] Dorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
[/tab_content] [tab_content name=”Second” color=”purple”] [imagebox name=”Tab Image” image=”https://freethinkernation.com/wp-content/uploads/2016/01/no-image.png”] Per salutandi aliquando te, magna tritani ocurreret an qui, purto propriae eos at. Nostro mediocrem vim ex, cum in assum equidem perpetua. Mea te augue elitr prompta, per quod meis et, sed eros mutat melius ei.
[/imagebox] [/tab_content] [tab_content name=”Third”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
[/tab_content] [/tab] [spacer] [heading h=”h2″]Toggle[/heading]

Put Your content in a toggle with Toggle Shortcode. There are 3 parameters that You can use.

Title: add the title of the toggle.
Active: yes or no. Default is no.
Color: blue, purple and yellow. If You use different color style on Your site than default, the colors will be different too.

[toggle title="First" active="yes" color="blue"]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/toggle]
[toggle title="Second" color="purple"]
Per salutandi aliquando te, magna tritani ocurreret an qui, purto propriae eos at.
[/toggle]
[spacer] [toggle title=”First” active=”yes” color=”blue”] Dorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.
[/toggle] [toggle title=”Second” color=”purple”] [imagebox name=”Tab Image” image=”https://freethinkernation.com/wp-content/uploads/2016/01/no-image.png”] Per salutandi aliquando te, magna tritani ocurreret an qui, purto propriae eos at. Nostro mediocrem vim ex, cum in assum equidem perpetua. Mea te augue elitr prompta, per quod meis et, sed eros mutat melius ei.
[/imagebox] [/toggle] [toggle title=”Third”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
[/toggle] [spacer]