Select the amount of tabs you would like to be using.
Select a background color for your title wrapper. If you want it to be transparent, move the opacity slider all the way to the left.
Select between the classic tab or pilled styled tabs.
Align your titles relative to the title wrapper.
Specify if your tab title wrapper should be positioned on the top, bottom, left or right from the tab content areas.
Specify the width of your title wrapper, this option is only available for left or right positioned titles.
Specify the margin between the title wrapper and the content tab area. This will only be applied to tabs that have the pills style selected.
Use text as titles for your tabs.
Use images as titles for your tabs (position above image).
Use text as titles for your tabs (position under image).
Specify font size for your tab titles.
Set the color your tab title for normal display.
Set the color your active or selected tab title.
Background color of tab title in normal state.
Background color of active or selected title.
Increase the vertical space around your title.
Increase the horizontal spacing around your title.
Select the font weight of your title. Will only apply if the selected font of your theme has the weights available.
Letter spacing is the separation between each letter individually of your title.
Alignment of your text titles.
Tab that needs to be active/selected when the page is being loaded.
Toggle this on to specify a width for your tab titles. This option will only apply to top and bottom positioned title for classic tab style.
Specify a width for your tab titles. Please note that the value is in % and can't be set higher than 100 divided by the amount of tabs chosen.
The width of the titles will take up the maximum possible width in relation to the width of the tab title wrapper.
Select a border color. Only works for classic style. If a transparent border is needed, move the opacity slider all the way to the left.
Spacing between each pill tab title individually.
Border radius for your pill styled tab titles, the higher the value the rounder it will appear.
Border top width in pixels, only for pill style tabs.
Border top color for pill tab titles in normal state.
Border top color for pill title tabs when active or selected.
Border bottom width in pixels, only for pill style tabs.
Border bottom color for pill tab titles in normal state.
Border bottom color for pill tab titles when active or selected.
Border left width in pixels, only for pill style tabs.
Border left color for pill tab titles in normal state.
Border left color for pill tab titles when active or selected.
Border right width in pixels, only for pill style tabs.
Border right color for pill tab titles in normal state.
Border right color for pill tab titles when active or selected.
Select a background color for your tab content area. If a transparent background is needed, move the opacity all the way to the left.
Vertical padding is the space above and below of your content inside the content area. Increasing the value will move the content away from the top and bottom margins of your area.
Horizontal padding is the space left and right of your content inside the content area. Increasing the value will move the content away from the left and right margins of your area.
Specify the screen width (value in pixels) on which the accordion display should be triggered.
Font size for the accordion titles.
When clicking on an accordion title, in responsive view, the page scrolls up so users don't get lost. With this value you can specify the distance from the top the selected title will be positioned. 0 will be at the very top, in case you have a fixed floating menu at the top you will need to increase this value and set it a little higher than the height of your navigation wrapper.
Hide all your tab content on load, so only titles will be visible. This is only applies when the element is in accordion mode.