> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/context/sections/theme-sections/rich-text.md).

# 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)