Highlight text with image

Create an engaging Highlight text with image section to attract and impress visitors

This section is available on ✨ Zest version 9.0.0 onwards. See our Changelog

Create expressive, stylized headlines by combining bold typography and small inline images.

Perfect for communicating brand values, benefits, or emotional appeal, this section is widely used in beauty, wellness, and fashion industries.

How to add a Highlight Text with image section to your Shopify store

Steps:

1. In the theme editor (Customize) > click Add section

2. Select Highlight text with image.

3. Make necessary changes.

4. Save the settings.

How to edit a Highlight Text with image section

Section settings

Text (Main text)

• Heading:

  • Use the rich text editor to add your text.

  • To insert images inline, use the placeholder format:

    [img1], [img2], [img3], ...

    Each placeholder will be replaced with an image block in the order they appear.

Example: Make you feel [img1] and appear *glowing* [img2] *healthy* [img3] *and balanced*

• Highlighted text: Learn more: Highlight text

• Heading size: Choose from several text sizes.

• Text alignment: Align your text to left, center, or right.

Block settings

You can add multiple images, and they will be injected in the order [img1], [img2], etc.

Each image block allows:

• Image upload (JPG, PNG, WEBP, etc.)

• Image link (optional)

• Image width (desktop & mobile separately)

💡 Pro tip: Use transparent icons for best results. We recommend 40–100px width, depending on your heading size.