# FAQ Section

### What You’ll Learn

* How to display expandable questions and answers on your storefront
* How to customize layout, colors, and spacing for your FAQ
* How to add or remove FAQ items (blocks)

> 💡 Tip: The FAQ Section is a great way to reduce support tickets by answering common questions right on your storefront.

***

### Adding the FAQ Section

1. Open your Shopify **Theme Editor**
2. In the **left sidebar**, click **+ Add section**
3. Choose **FAQ Section**
4. Click **Add**

Once added, you’ll see one or more “Question” blocks pre-filled. You can edit these or add new ones.

***

### Editing FAQ Content

Each FAQ item is a **block** inside the FAQ section.

To update a question and answer:

1. Click on a block labeled **Question – \[Title]**
2. Update the **Question Title**
3. Add the **Answer** text in the multiline text field
4. Repeat for all desired FAQs

To add a new FAQ item:

* Click **Add block** and choose **Question**

To remove an FAQ item:

* Click the block and select **Remove block** at the bottom

***

### Settings Reference

#### Content & Data

* **Section Title** – Add a title above the FAQ section (optional)

#### Layout & Display

* **Expand First Question on Load** – Toggles whether the first FAQ is open by default
* **Alignment** – Align text left, center, or right

#### Typography

* **Section Title Size – Desktop / Mobile** – Adjust header font size
* **Question Text Size – Desktop / Mobile** – Adjust question font size
* **Answer Text Size – Desktop / Mobile** – Adjust answer font size
* **Bold Section Title** – Toggle to bold the header

#### Colors

* **Background Color** – Overall section background
* **Section Title Color** – Header text color
* **Question Text Color** – Color of the question text
* **Answer Text Color** – Color of the answer body text
* **Divider Line Color** – Controls color of the line between items

#### Styling

* **Divider Line Thickness** – Set line weight between questions
* **Divider Line Style** – Choose between solid, dashed, dotted

#### Spacing

* Top & Bottom Spacing – Controls padding above/below section on both desktop and mobile

#### Custom CSS

* Add optional custom styles scoped to just this section

***

### **Need Help?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website

\\


---

# 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://docs.openspaces.design/readme-1/sections-and-features/faq-section.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.