Skip to main content
Version: 2.9

Style tab

In the Style tab, you can change the color of the tab items, such as the text and tab background color.

Layout​

  • Layout You can choose a horizontal layout or you can choose a vertical layout.

    Horizontal or vertical tab layouts

    info

    As the screen width shrinks, the tabs turn into an accordion layout.

  • Background Color Set the background color for the tab.

  • Border Color Set the border color.

  • Border Width Set the border width in pixels.

  • Active Tab Set which tab should be active. The value should not exceed the total number of tab items.

  • Tab(s) Status on Mobile Control how the tabs display on mobile devices. You can choose between Keep Active Tab Open, and Close All Tabs.

Label​

  • Inactive Label Text Color Set the text color for the inactive tab(s).

  • Inactive Label Background Color Set the background color for the inactive tab(s).

  • Active Label Color Set the text color for the active tab.

  • Active Label Background Color Set the background color for the active tab.

  • Padding Set a specific padding value in pixels for the tab label. Click the Link Value icon to automatically make all four padding values the same.

  • Typography Set the font size, family, line-height and more for the tab label. See the Typography article for more information.

Content​

  • Text Color (Available when Custom Content is selected as a Content Source)

    Set the text color of the tab content.

  • Padding Set a specific padding value in pixels for the tab content. Click the Link Value icon to automatically make all four padding values the same.

  • Typography (Available when Custom Content is selected as a Content Source)

    Set the font size, family, line-height and more for the tab content. See the Typography article for more information.

Advanced​

There are all the usual Advanced tab settings for margins, visibility, animations, and advanced HTML settings.