# 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

\\