# Rich text

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20(39)_WIaQj2t8.jpg)

Add flexible text content to highlight your brand story, promotions, or important information in a clean and customizable layout.

## How to add a Rich text section to your Shopify store

<Hint type="success">

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Rich text** section.
3. Make necessary changes.
4. **Save.**

</Hint>

## How to customize a Rich text section

### Section settings

<Table widths="250.999755859375,auto">

| Setting | Description |
| --- | --- |
| **Container** | Choose the section width: full width or fixed within the page. |
| **Direction** | Set how items are arranged: vertically stacked or horizontally aligned. |
| **Vertical on mobile** *(Horizontal only)* | Enable vertical stacking layout on mobile devices for better responsiveness. |
| **Alignment** | Define how content is aligned within the container. |
| **Position** *(Horizontal only)* | Control the vertical placement of content inside the banner (top, center, or bottom). |
| **Horizontal gap** | Adjust spacing between items horizontally. |
| **Vertical gap** | Adjust spacing between items vertically. |
| **Mobile horizontal gap** | Set horizontal spacing between items on mobile devices. |
| **Mobile vertical gap** | Set vertical spacing between items on mobile devices. |

</Table>

<Tabs>
<Tab title="Vertical">

![image](https://docs-assets.foxecom.app/pebble-theme/image_V63zBwPj.png)

</Tab>

<Tab title="Horizontal">

![image](https://docs-assets.foxecom.app/pebble-theme/image_qAaXJX0E.png)

</Tab>
</Tabs>

### Block settings

The **Rich text** section includes **Text** and **Collapsible text** blocks by default. You can add more block types to create a flexible and dynamic layout.

*Learn more:*

<PageLink href="https://docs.foxecom.com/pebble-theme/theme-blocks/overview">Theme blocks</PageLink>