> For the complete documentation index, see [llms.txt](https://sitar-doc.winterinfotech.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitar-doc.winterinfotech.com/sections/collapsible-content.md).

# Collapsible content

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

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

{% hint style="info" %}
**Recommendation Size**\
Slideshow image desktop size: 750x541
{% endhint %}

<table><thead><tr><th width="272">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading in the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Caption</td><td>Enter caption to display as a small text in the section.</td></tr><tr><td>Layout</td><td><p>Customization of "Layout" in desktop and mobile devices is as follows:</p><ul><li>Full width</li><li>Row container</li><li>Section container</li><li>Container with transparent background</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Image layout</td><td><p><strong>Image</strong><br>Use "Image" to add the image to the section.<br><br><strong>Image ratio</strong></p><p>Customization of the "Image ratio" in the collapsible content section is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Desktop layout</strong></p><p>The desktop Image customization section is as follows:</p><ul><li>Image first</li><li>Image second</li></ul></td></tr></tbody></table>

<figure><img src="/files/HXS9HEpjG07zyTpXadEq" alt=""><figcaption></figcaption></figure>

## 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.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Open collapsible row</td><td>By enabling this checkbox, you can show open collapsible row.</td></tr><tr><td>Heading</td><td>Enter text to display as a heading in the section.</td></tr><tr><td>icon</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Flash sale</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Chat</li></ul></td></tr><tr><td>Custom image</td><td>You can customize the icon in the collapsible row by adding a custom image in its place.</td></tr><tr><td>Row content</td><td>Enter text to display as a row content in the section.</td></tr><tr><td>Image</td><td>To add an image below the row content, select the image here.</td></tr><tr><td>Row content from page</td><td>By using these settings, the selected page will display its content like row content.</td></tr></tbody></table>

<figure><img src="/files/TgKH6Cy5jr12OjxOH9E5" alt=""><figcaption></figcaption></figure>