How to change the location of tab from top to left, right or bottom


You can control the location of tab and tab content using a single parameter in shortcode. In the shortcode, pass a parameter named location with value as the location that you want. For example, to have the tabs in left side, you need to enter value as “left”. This is how the shortcode should be for simple tab/content with left aligned tab,

[tab name='Overview']Content for the tab Overview[/tab]

[tab name='Features']Content for the tab Features[/tab]

[tab name='Test']Content for the tab Test[/tab]

[tab name='Results']Content for the tab Results[/tab]

[end_tabset skin="lightness" location="left" ]

You can use value as right, top and bottom to place the tabs respectively. Here are the demos of every skin showing tabs at different locations.

Comments are closed.