FAQ

The "FAQ" is a valuable section for displaying information in the collapsible tabs.

FAQ

Heading

Use the "Heading" field to title the section. Start typing text in the field to view the additional settings:

The title size can be changed in the "Size" drop-down to "Small", "Medium", or "Large".

If you need to change a title color, use the "Color" picker. Here you can paste the hex code into the related field or select the color using the paint palette. The color settings will be used for both desktop and mobile.

Content

If you want to display the collapsible tabs open on all screen sizes by default, activate the "Open answer sections" option.

Section layout

The layout settings change the look and feel of the section.

Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the "Layout" drop-down.

Use the "Mobile alignment" settings to change the alignment of the heading and description to "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.

Decide on the position of the divider using the "Top", "Bottom", or "Both" options in the "Dividing line" drop-down. It will be hidden once you use the "None" option.

On the "Top spacing" and "Bottom spacing" scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

Colors

Change the title and description text colors in the collapsible tabs using the "Question" and "Answer" pickers:

In the following examples, you can view how the section might be displayed on desktop and mobile:


Content

Use the "Question" field to insert the tab's title.

To edit the text that will be displayed inside the tab, insert paragraphs into the "Answer" input field.

Here is how the block might be displayed in the section:

Last updated