Expandable content

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

Setting
Description

Heading

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

Expand first row

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

Image layout

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

Enable sticky image

Keeps the image fixed (sticky) while the other content scrolls. Ideal for sections with longer text content.

Image height

Customization of "Image height" in section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop layout

Customization of "Image layout" in desktop devices is as follows:

  • Image first

  • Image second

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

Add collapsible row

To add row to the Expandable 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.

Custom svg

Use this settings to paste SVG icon code here to display before collapsible row heading.

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