# Rich Text

The **Rich Text Section** allows you to add customizable text content to your store’s pages. It is ideal for displaying **announcements, brand messaging, promotional details, or any important information** in a structured format.

{% 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 > Rich Text.
   {% endhint %}

<figure><img src="/files/75WQUOeRZ5HqWZv79bcb" alt=""><figcaption></figcaption></figure>

### **Settings & Customization**

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

#### **Layout**

* **Expand to Full Width** : Enable this option to extend the rich text 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.

#### **Content Settings**

* **Title Container Width** : Customize the width of the content container (e.g., 85%).\
  The content width is automatically optimized for mobile devices.
* **Desktop Content Alignment** : Choose the text alignment for desktop **( Left, Right & Center ).** The content alignment is automatically centered on mobile screens.

#### Section padding

* **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)**.

### Rich text Block

#### **Heading**

* **Heading :** Set a custom title (e.g., "Hot & Top Trends").
* **Heading Size:** Choose from heading size **(Small, Medium, or Large).**

#### **Subheading**

* **Subheading:** Add additional text if needed.

#### **Text**

* **Text :** Tell your brand's story through images.

**Buttons**

**First button**

* **Button label :** Customize the button text.
* **Button link :** Paste a URL or use the search bar to link the button to a relevant page.
* **Open this link in a new window :** Enable to open the link in a new tab.
* **Button style :** Choose the button style **(Primary, Secondary, or Hyperlink*****).***

**Second button**

* **Button label :** Customize the button text
* **Button link :** Paste a URL or use the search bar to link the button to a relevant page.
* **Open this link in a new window :** Enable to open the link in a new tab.
* **Button style :** Choose the button style **(Primary, Secondary, or Hyperlink*****).***


---

# 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://themessupport.gitbook.io/lollipop-theme/sections/rich-text.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.