# Highlight text with image

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(39)_rgRiA7jH.jpg)

<Hint type="info">

This section is available on ✨ **Zest version 9.0.0 onwards**. See our [Changelog](/zest-theme/changelog)

</Hint>

Create expressive, stylized headlines by combining bold typography and small inline images.&#x20;

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

<Hint type="success">

**Steps:**

1. In the theme editor **(Customize)** > click **Add section**
2. Select **Highlight text with image**.
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## 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*`

![image](https://docs-assets.foxecom.app/zest-theme/image_MZPhFowF.png)

* **Highlighted text**: *Learn more*: [Highlight text](page://a84ad86c-c90b-44d5-91e3-26caaa85018f#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)

<Hint type="info">

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

</Hint>

![image](https://docs-assets.foxecom.app/zest-theme/image_G5VTCIT3.png)