> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop/frequently-asked-questions.md).

# Frequently asked questions

**Toggle Content** a collapsible section that expands or hides content when clicked—ideal for FAQs, product details, or policies.

{% hint style="success" %}

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. In the Theme Editor, click **Add Section >Toggle conten**t
   {% endhint %}

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

### **Settings & Customization**

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

#### **Layout** <a href="#layout" id="layout"></a>

* **Expand to Full Width:** Enable this option to extend the section across the entire screen width.
* **Color scheme:** You can customize the section’s appearance by changing the **text color, background color**, and more using **preset color** options.
* **Background Opacity:** Adjust transparency (Range: 0–100 %, Default: 100%). This applies to the background image, customizable in theme settings.
* **Block color scheme:** You can customize the block's appearance by changing the **text color, background color**, and more using **preset color** options.

#### **Content Settings**

* **Heading:** Set a custom title (e.g., *"*&#x57;e’re are featured b&#x79;*"*).
* **Heading Size:** Choose from **Small, Medium, or Large**.
* **Text:** Add optional supporting text.
* **Text Position:**
  * **Above Main Heading** : Position the text above the heading.
  * **Below Main Heading** : Position the text below the heading.
* **Desktop Content Alignment:** Choose from **Left, Right, or Center** (Automatically centered on mobile screens).

**Image Settings**

* **Upload Image**: Select an image using the "Upload" or "Explore free images" option.
* **Image Height**: Set the banner height to **Adapt, Small, Medium, or Large**.
* **Desktop Image Placement:** Options: **Image First** and **Image second** (default for mobile layout).
* **Collapsible Row Behavior**: Enable **Open First Collapsible Row** to expand the first row by default.

#### Section padding <a href="#section-padding" id="section-padding"></a>

* **Top Padding:** Adjust spacing above the section.
* **Bottom Padding:** Adjust spacing below the section.

#### Section divider

* **Shapes** : Adds shape effects to the section. Options: **( Curve Top, Curve Bottom, Curve Both, None, Border Top, Border Bottom, and Both Border)**.

### Collapsible row

* **Heading :** Add text to show as a title inside the collapsible row.
* **Icon :** Choose any icon from the list.
* **Row content :** Add text to show as the description.
* **Row content from page :** Add page to show as the description.