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

# Text highlight

Tell your brand story in large text that lights up word by word as shoppers scroll, with an optional image beside it.

***

{% hint style="warning" %}
**Pro feature.** This section requires a Pro or Max License key. Without one, it's hidden on your live store and shows a 🔒 Pro notice in the theme editor. [Learn about plans and License keys](/articles/general-information/license-key-and-plans.md)
{% endhint %}

The **Text highlight** section shows a short statement in large text. The words start faded and become fully visible one by one as shoppers scroll down the page, which draws the eye to your message. Use it for a brand statement, a mission or a seasonal message. You can add an image to the left or right of the text, and a button below it.

Shoppers who have turned on reduced motion on their device see all the text at once, with no animation.

### 1. Our guide to set up a Text highlight section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Locate **Text highlight.**
* Click the **Text** block to write your message.
* Click **Save.**
  {% endhint %}

### 2. Section settings

* **Layout**
  * **Layout:** Where the image goes: Image left / Image right / None. Choose **None** for text only.
  * **Color scheme:** The section's background and text colors.
* **Image settings** (used when **Layout** is **Image left** or **Image right**)
  * **Image:** The image shown beside the text.
  * **Desktop image height:** 250px / 350px / 450px / 550px / 650px / 750px / 850px.
  * **Mobile image height:** 150px / 250px / 350px / 450px / 550px / 650px / 750px.
  * **Adapt to image size:** Shows the image in its own shape and ignores the two height settings.
  * **Corner radius:** Rounds the image corners, 0–40px.
* **Section padding**
  * **Top padding** and **Bottom padding:** 0–100px.
  * **Section width:** Full width / Fixed width.

### 3. Block settings

**Text block**

The section has one Text block.

* **Text:** Your message. Plain text only.
* **Text size:** 15–80px. On mobile, the text is shown at 70% of this size.
* **Font style:** Uses your theme's Heading or Body font: Heading / Body.
* **Desktop content width:** The widest the text can get, 200–800px.
* **Content alignment:** Left / Center / Right.
* **Button label:** A button below the text. Leave it blank to hide it.
* **Button link:** Where the button goes.
* **Use outline button style:** Shows the button as an outline instead of a solid button.
* **Color**
  * **Use custom color:** Lets you pick a text color that's different from the color scheme.
  * **Text:** The custom text color.

### 4. Tips

* Keep it to one or two sentences. The effect works best when shoppers can read the whole message in a few scrolls.
* Use a larger **Text size**, such as 40–60px, with the **Heading** font for a bold statement.
* Place it between two image-heavy sections to give the page a calm, text-only moment.