Collapsible content

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

Setting
Description

Heading

Enter text to display as a title in the section.

Heading size

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

  • Small

  • Medium

  • Large

Heading alignment

Following is the heading alignment customization of the section:

  • Left

  • Center

Heading color

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

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Display spacing around heading

By enabling this checkbox, you can see spacing around heading.

Description

Enter text to display as a description in the section.

Description style

Customization of the "Description style" in the section is as follows:

  • Body

  • Subtitle

  • Uppercase

Layout

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

  • No container

  • Row container

  • Section container

  • Section container with outline heading

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

Show secondary background

By enabling this checkbox, you can show the secondary background in collapsible content section.

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

Open collapsible row

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

Heading

Enter text to display as a heading in the section.

icon

In the section, the icons are given to select. are for selecting:

  • None

  • Flash sale

  • Apple

  • Banana

  • Bottle

  • Box

  • Carrot

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Iron

  • Leaf

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Serving dish

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

  • Washing

  • Chat

Custom image

You can customize the icon in the collapsible row by adding a custom image in its place.

Row content

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

Image

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

Row content from page

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

Last updated