Text highlight

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

---

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

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:

Steps:

• In the theme editor, click Add section.

• Locate Text highlight.

• Click the Text block to write your message.

• Click Save.

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.