Tabs

Tabs element displays custom content within tab like containers

Tabs element displays custom content within tab like containers. Element popup contains following options;

Defaults tab

  1. Sorting title  -  Used only in builder for easy sorting.
  2. Tabs  -  Create your tabs.
  3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Layout tab

  1. Container box style  -  Adjust .thz-shortcode-tabs box style.
  2. Tab links setting  -  Choose tabs links layout, border radius or set the space between the tab links.
  3. Tab link padding  -  Set the padding of tabs menu link item.
  4. Content box  -  Adjust .thz-tab-content.

Styling tab

  1. Title font  -  Tabs title font metrics.
  2. Active link  -  Adjust .thz-active-tab .thz-tab-button.
  3. Inactive link  -  Adjust .thz-inactive-tab .thz-tab-button.
  4. Tab links colors  -  Adjust tab links colors.
  5. Tab content colors  -  Adjust tab content colors.

Tab item popup

  1. Title  -  Set tab title.
  2. Tab icon  -  Select tab icon.
  3. Content  -  Set tab content.