Feature Tabs
Overview
Displays content in tabbed panels with responsive media, headings, descriptions, information details, and customizable columns.
| Setting |
Description |
| Tagline |
Label displayed above the section heading. |
| Heading |
Main section title with customizable typography. |
| Description |
Supporting text displayed below the heading. |
| Header Margin |
Controls spacing below the section header. |
Tab Settings:
| Setting |
Description |
| Size |
Controls tab label font size. |
| Weight |
Controls tab label font weight. |
| Case |
Controls tab label text case. |
| Family |
Controls tab label font family. |
Tab Item Settings:
| Setting |
Description |
| Media Ratio |
Controls the tab item image aspect ratio. |
| Desktop Height |
Sets media height when Fit to Box is selected on desktop. |
| Mobile Height |
Sets media height when Fit to Box is selected on mobile. |
| Media Gradient |
Controls the background gradient of the media. |
| Heading Size |
Controls the tab item heading size. |
| Heading Weight |
Controls the tab item heading weight. |
| Heading Case |
Controls the tab item heading text case. |
| Heading Tag |
Sets the semantic heading level. |
| Heading Family |
Controls the tab item heading font family. |
| Heading Color Style |
Controls the tab item heading color style. |
| Heading Link Style |
Controls the styling of heading links. |
| Description Size |
Controls the tab item description size. |
| Description Weight |
Controls the tab item description weight. |
| Description Case |
Controls the description text case. |
| Description Family |
Controls the description font family. |
| Description Color Style |
Controls the description color style. |
| Content Alignment (Desktop) |
Controls content alignment on desktop. |
| Content Alignment (Mobile) |
Controls content alignment on mobile. |
| Setting |
Description |
| Label Size |
Controls information label size. |
| Label Weight |
Controls information label weight. |
| Label Case |
Controls information label text case. |
| Label Family |
Controls information label font family. |
| Label Color Style |
Controls information label color style. |
| Title Size |
Controls information title size. |
| Title Weight |
Controls information title weight. |
| Title Case |
Controls information title text case. |
| Title Tag |
Sets the semantic heading level. |
| Title Family |
Controls information title font family. |
| Title Color Style |
Controls information title color style. |
| Description Size |
Controls information description size. |
| Description Weight |
Controls information description weight. |
| Description Case |
Controls information description text case. |
| Description Family |
Controls information description font family. |
| Description Color Style |
Controls information description color style. |
Column Settings:
| Setting |
Description |
| Label Size |
Controls column label size. |
| Label Weight |
Controls column label weight. |
| Label Case |
Controls column label text case. |
| Label Family |
Controls column label font family. |
| Label Color Style |
Controls column label color style. |
| Information Size |
Controls column information size. |
| Information Weight |
Controls column information weight. |
| Information Case |
Controls column information text case. |
| Information Family |
Controls column information font family. |
| Information Color Style |
Controls column information color style. |
Layout Settings:
| Setting |
Description |
| Container |
Controls the section container layout. |
| Width |
Controls the section content width. |
| Text Alignment (Desktop) |
Controls text alignment on desktop. |
| Text Alignment (Mobile) |
Controls text alignment on mobile. |
| Color Scheme |
Controls the section color scheme. |
Inner Spacing:
| Setting |
Desktop |
Mobile |
| Top Padding |
70px |
35px |
| Bottom Padding |
70px |
35px |
| Left Padding |
50px |
15px |
| Right Padding |
50px |
15px |
Outer Spacing:
| Setting |
Desktop |
Mobile |
| Top Margin |
0px |
0px |
| Bottom Margin |
0px |
0px |
| Left Margin |
0px |
0px |
| Right Margin |
0px |
0px |
Block Configuration
Tab Item:
| Setting |
Description |
| Desktop Image |
Image displayed on desktop. |
| Mobile Image |
Image displayed on mobile. |
| Tab Label |
Name displayed for the tab. |
| Heading |
Main heading displayed within the tab. |
| Description |
Supporting content displayed within the tab. |
| Information Label |
Label displayed in the information area. |
| Information Title |
Title displayed in the information area. |
| Information Description |
Supporting information displayed below the title. |
| Column 1 Label |
Label for the first information column. |
| Column 1 Information |
Information displayed in the first column. |
| Column 2 Label |
Label for the second information column. |
| Column 2 Information |
Information displayed in the second column. |
| Column 3 Label |
Label for the third information column. |
| Column 3 Information |
Information displayed in the third column. |