Collapsible content
Collapsible content is commonly used for frequently asked questions(FAQs) page.
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.
Open collapsible row
By enabling this checkbox, you can show open collapsible row.
Heading
Enter text to display as a heading in the section.
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