# Collapsible content

***

The **Collapsible content** section is handy when showing important notices or information without taking up too much space.

### 1. Our guide to set up a Collapsible content section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Locate **Collapsible content.**
* Click **Save.**
  {% endhint %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/427b1e6d-8e6a-4ab3-8783-7232a195ee93/Screenshot%202023-11-27%20at%204.42.43%20PM.png" alt=""><figcaption></figcaption></figure>

### **2. Section blocks:**

* By default, there are **four** **blocks** added. You can edit them, remove them, or add more blocks.&#x20;

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

* To edit the collapsible content blocks, simply click on the collapsible content block you want to edit in your sidebar.

**Question**: Set the question into the provided field, for example, "When do I get free shipping?"

**Answer**: Set the answer into the provided field.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/6c12468a-818c-474d-b5a1-e09c86755b3f/Screenshot%202023-11-27%20at%205.01.51%20PM.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
The **Collapsible content** section is not only used for **FAQs** but you can do more, like an **about us** text.
{% endhint %}

### 3. Collapsible content section **settings:**

* Click on the **Collapsible content** section to open the section settings.

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

* **Heading**: Add the needed message/information into the provided fields. Delete the text in this field to remove the heading.

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

* Set the **size** of the heading: choose between **Small**, **Medium**, or **Large.**

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

* Select the **position** of the heading text: choose between **Center**, **Left**, or **Right**.

<figure><img src="/files/u6FzQSgkHje4uS1BFrVQ" alt=""><figcaption><p><strong>Heading alignment: Center</strong></p></figcaption></figure>

* **Layout & Color scheme**: You can modify the container's color for each collapsible row.

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

{% hint style="info" %}
When you select **No container** for **Layout**, the color will not change. The default color will be Background 1, even if you change the color in the **color scheme** setting.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/collapsible-content.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
