Description
The Tabs Block allows you to present a variety of content in a tabbed style. It’s a similar design choice to a Slider Block or Accordion Block in that you’re nesting content to keep the page tidier and easier on the eyes. Tabbed content is still visible to search engines, so it doesn’t impact your SEO.
Settings
Tabs Block Settings
Tabs Width
You can adjust the width of the tabs via the 0-12 slider.
Tabs Spacing
Padding
Padding controls the amount of interior space there is between the edge of the Tabs Block and its contents using a slider between 0 and 12. More about Padding.
Margin
Margin is the amount of exterior space there is between the outside of the Tabs Block and any adjacent objects using a slider between 0 and 12. More about Margin.
Tabs Colours
Tabs Background, Default and Active Colors (3 Dropdowns)
You can format each Tabs Block colour using options from your palette(s) set in Global Styles > Colours.
Heading Style
You can select a style between H1 and H6 for your Tabs Block headings, using styles set under Global Styles > Typography.
Text Style
You can select a text style for your Tabs Block copy using text styles set under Global Styles > Typography.
Advanced
Advanced
Additional CSS Class(es)
This allows you to enter a unique Class identifier, for custom CSS targeting within the theme to faciliate custom development. More about Theme Customizations.
It also enables the use of Foundry utility classes. More about Utility Classes.