Skip to main content

Customize the Tabs Block

How to use Tabs Block

Written by Preet Jain

The Tabs Block lets you organize content into separate tabs, so visitors can switch between sections like Highlights, Schedule, and Standings without leaving the page.

Set Tab Labels
Under Data, name each tab:

  1. You can edit the label for each tab here.

  2. You can have up to 4 tabs.

Set Block Options
Open Block options and use Tab style to choose how the tab labels are displayed, such as Underline.

Customize Colors
Open the Colors section to set the block's background:

  • Background: sets the background color for the whole block, pulled from your Branding Colors. Choose Transparent if you don't want a background color

Adjust Layout
Open the Layout section to fine-tune the block's size and spacing:

  • Max Width (px): the maximum width the block stretches to.

  • Horizontal padding (px): space added to the left and right of the content.

  • Vertical padding (px): space added above and below the content.

Did this answer your question?