Collapsible content with image

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

Setting
Description

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

Heading

Text

Enter text to defines the main heading of the section.

Text color

You can customize the foreground color of the heading by using the color option.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Subtext

Enter text to defines the subtext of the section.

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Layout

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

  • Border

  • Background

Backgound color

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

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Content heading size

Following is the customization of content heading size of the section:

  • Small

  • Medium

  • Large

Image layout

Image Use "Image" to add the image to the section. Image ratio

Customization of the "Image ratio" in the collapsible content section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop layout

The desktop Image customization section is as follows:

  • 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 heading as a question in the section.

Open content

By enabling this checkbox, you can show open collapsible row.

icon

In the section, the icons are given to select.

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.

Last updated