# Rich text

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira 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](https://help.fluorescent.co/ira/readme/theme-retirement).
{% 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://4075298574-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F072gQRkuxS6ZiYGtqLNG%2Fuploads%2Fgit-blob-5da77bda03454983f91cf0d574f6a8c9f9a73e9a%2Frich-text.jpeg?alt=media)

## 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](https://help.fluorescent.co/ira/general/editing-themes/using-templates#create-and-assign-multiple-templates) or [insert dynamic content with metafields](https://help.fluorescent.co/ira/general/adapting-your-theme/dynamic-content-with-metafields).
{% 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](https://help.fluorescent.co/ira/general/editing-themes/using-templates).
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 heading and text

The **Rich text** section has three blocks for a **Heading**, **Rich text**, and an optional **Small heading**.

<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.
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 button

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

![](https://4075298574-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F072gQRkuxS6ZiYGtqLNG%2Fuploads%2Fgit-blob-97e16350f744fe5c12df1d68377065820ddb5c96%2Fimagewithtext-button.jpeg?alt=media)

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

   This opens the button block settings.
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](https://help.fluorescent.co/ira/sections/theme-sections/image-with-text)\
> [Testimonials](https://help.fluorescent.co/ira/sections/theme-sections/testimonials)