Collapsible content

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

SettingDescription

Heading

Enter text to display as a title in the section.

Hide heading

By enabling this checkbox , you can hide the heading.

Layout

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

  • Full width

  • Row container

  • Section container

  • Container with transparent background

Show block side image on hover

By enabling this checkbox, you can show the block side image on hover.

Media width

Customization of the "Media width" in the collapsible content section is as follows:

  • 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

Image position

The desktop Image customization section is as follows:

  • Left

  • Right

Image is always first on mobile.

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

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.

BlockDescription

Open collapsible row

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

Heading

Enter text to display as a heading in the section.

Side image

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

Add custom image

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

Custom svg code

You can also add your own svg here.

Select 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

Row description

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

Row description image

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

Row description video

To add an video below the row description, select the video here.

Row description from page

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

Last updated