Collapsible content

Collapsible content is commonly used for frequently asked questions(FAQs) page.

Setting
Description

Make section full width

By enabling this checkbox, you can make section in full width.

Heading

Text Enter text to display as a title in the section.

Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Following is the heading alignment customization of the heading of the section:

  • Left

  • Center

Description

Text Enter text to display as a description in the section. Style Customization of the "Style" in the Description section is as follows:

  • Body

  • Uppercase

Button

Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Style

Customization of the "Style" in the Collapsible content section is as follows:

  • Link

  • Outline

  • Button

Layout

Customization of "Layout" in desktop and mobile devices is as follows:

  • No container

  • Row container

  • Section container

Background color

In this section, you can change the background color of a row using the background color.

Icon button style

Customization of "Icon button style" in is as follows:

  • Button

  • Outline

  • Icon

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Image layout

Image To add an image below the row content, select the image here. Image ratio In this section, you can change image ratio of a section using image ratio.

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop layout

In this section, you can change layout of a section.

  • Image first

  • Image second

Add collapsible row

To add row to the Collapsible content section, click on the 'Add collapsible row'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Heading

Enter text to display as a heading in the section.

Row content

Enter text to display as a row content in the section.

Row content from page

By using these settings, the selected page will display its content like row content.

Image

To add an image below the row content, select the image here.

Last updated