Combine > Sections > Info tabs

Info tabs

A pretty versatile section because of it's many options. Each tab has a title, a caption, an image and an icon. It can be used for a lot of purposes, such as FAQ's, store details, shipping details, useful information.

Section heading

Heading - Sets the main title for the tabs section, such as “Shipping details” or “How to use it?” to define the content’s purpose.

Subtitle - A secondary heading that provides additional context for the toggle section.

Heading size - Set the title size as "Regular" or "Large". For further changes edit the base size in Typography.

Text alignment - Choose between one or two rows with left or center alignment.

Button label & link - Allows adding a button with a custom label and link, directing customers to more detailed information (e.g., linking to a full shipping policy page).

Layout

Desktop image width - Decide how much of the desktop section width the image will cover: one half, one third or one fourth.

Image position - Allows to select the image position or hide the image from the section.

Image border radius - Set a value for rounded borders on the included images.

Style - Choose between icons, list or blanck.

Autoplay

Enable autoplay for desktop screens.

Autoplay timer - between 5-15 seconds. Autoplay pauses when the user hovers the mouse over the tab

Section design

Background color or gradient - Set a section background/gradient color.

Text color - You can choose to change the default text color and personalise this section text color.

Gutter

Decrease top margin - Useful when using this section after a section where you don't want to have a large gap.

Remove bottom margin - same as above.

SEO

Heading tag - Specify heading level to help search engines index the structure of your page.