# Rich text

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> | Context is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](/context/readme/theme-retirement.md).
{% endhint %}

The **Rich text** section adds a single full-width block for promotional text. Describe a product, share announcements, or welcome customers to your store. Add an optional call-to-action button. It looks great between two image-focused sections.

![](https://github.com/fluorescent/kb-context/blob/main/.gitbook/assets/rich-text.jpeg)

## Set up section

Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.

{% hint style="warning" %}
Editing a template changes all pages that use that template. To edit specific pages, you can [create new templates](/context/general/editing-themes/using-templates.md#create-and-assign-multiple-templates) or [insert dynamic content with metafields](/context/general/adapting-your-theme/dynamic-content-with-metafields.md).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Select a **Template** to edit from the dropdown menu in the top bar.

   > Learn how to use templates in our [Templates guide](/context/general/editing-themes/using-templates.md).
2. Under **Template**, click **(+) Add section** and select **Rich text**.
3. Click and hold the drag-and-drop handles **`⋮⋮`** to re-order your sections.

</details>

## Add headings and text

Edit the **Heading**, **Subheading**, and **Text** blocks to add content to the Rich text section.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click the **Heading** block to change the section title.

   > We recommended a short title of just a few words.

   > Click **Remove block** to delete the heading entirely.
2. Click the **Rich text** block ("Use this text area...") to change the text.

   > Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's [Rich text editor guide](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#format-text-with-the-rich-text-editor).
3. Adjust the **Max width of text** using the slider.

   > Experiment with this setting to find a clean visual shape for your text.
4. Choose a **Text alignment** for this section, either **Left** or **Center**.
5. Click **Save**.

</details>

## Add call-to-action button

You can link to you collections or products or any other page with a custom call-to-action button.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click **(+) Add block** and select **Button**, then click the new button block.
2. Select or paste a URL for the **Link**.
3. Change the **Link text** to display on the button.

   > The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more, [read "What is a Call to Action?"](https://www.thebalancesmb.com/call-to-action-1794380)
4. Click **Save**.

</details>

<br>

***

> **Related links**\
> [Image with text](/context/sections/theme-sections/image-with-text.md)\
> [Quotes](/context/sections/theme-sections/quotes.md)


---

# 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://help.fluorescent.co/context/sections/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.