The style and arrangement of the tabs can be modified via CSS. Below are the selectors TGEI Auto Tabs uses to style and arrange the tabs.

CSS Selectors

#tgei-auto-tabs-container

This is the element that contain all the tabs and content.

#tgei-auto-tabs-tabs-container

This is the element that contains all the tabs

.tgei-auto-tabs-tab

This is css class for the individual tabs

.tgei-auto-tabs-tab-active

This is the css class for the tab that is currently selected

#tgei-auto-tabs-content-container

This is the element that contains all the content elements for the tabs

.tgei-auto-tabs-content

This is the css class for a tab’s corresponding content

Demo

Below is a demo that rearranges the tabs to a vertical layout