> 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-with-images.md).

# Text with images

Place small images between the words of a large heading. Use it to break up content and draw attention to a key message.

***

{% 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 with images** section shows a large heading with small images placed between its words. Use it for a brand statement or a key message that deserves more than plain text.

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

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

* In the theme editor, click **Add section.**
* Locate **Text with images.**
* Click **Save.**
  {% endhint %}

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FvBNxjKoCkMXZp8c9zScx%2FScreenshot%202026-04-20%20at%202.17.04%E2%80%AFPM.png?alt=media&#x26;token=980be7f4-95b3-40a1-b013-4101c4698bc6" alt=""><figcaption></figcaption></figure>

The section is added with two **Image** blocks. You can add up to 5.

### 2. Section settings

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FS89bIOlPtFpriIzKPAyK%2FScreenshot%202026-04-20%20at%202.25.32%E2%80%AFPM.png?alt=media&#x26;token=1c64bae1-48e4-4d0f-9c61-d1669d61f529" alt=""><figcaption></figcaption></figure>

* **Content**
  * **Subheading:** A short line above the heading. Leave it blank to hide it.
  * **Heading:** The main text. Images are placed between its words.
  * **Heading size:** 15–80px.
  * **Content alignment:** Left / Center / Right.
  * **Content width:** The maximum width of the content, 200–800px. Applies to screens wider than 900px.
  * **Show divider:** Adds a line between the subheading and the heading. It only shows when there's a subheading.
* **Colors**
  * **Color scheme:** The colors of the section's background and text.
* **Section padding**
  * **Top padding** and **Bottom padding:** 0–100px.

### 3. Block settings

**Image block**

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FInjuIzsIgTz8e1N402Xw%2FScreenshot%202026-04-20%20at%202.26.38%E2%80%AFPM.png?alt=media&#x26;token=e965bc3e-eadd-42be-9db7-d6271a3440e5" alt=""><figcaption></figcaption></figure>

* **Image position:** The word the image follows, 1–50. For example, **3** places the image after the 3rd word. If the number is higher than the number of words, the image goes at the end.
* **Image:** The image to show inside the text.
* **Size:** The width of the image, 30–150px.
* **Ratio:** Adapt to image / Square / Portrait / Landscape / Circle.
* **Corner radius:** 0–40px. Applies to **Square**, **Portrait** and **Landscape**. **Circle** is always round.
* **Link:** Makes the image clickable.

### 4. Tips

* Keep the heading short, one or two lines, so the images stay close to the words they illustrate.
* Use images with a simple background, such as product cut-outs, so they read clearly at a small size.
* Try **Circle** with a matching **Size** for all images to create a consistent rhythm.