> 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/sections-available-in-inspiredtheme/image-with-text.md).

# Image with text

***

The **Image with text** section is a great way to promote a product/collection or any exciting feature on your online store.

### 1. Our guide to set up a Image with text section:

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

* In the theme editor, click **Add section**.
* Select **Image with text**.
* Click **Save**.
  {% endhint %}

<figure><img src="/files/xvBVDvb2Bqj5g7IKzL0m" alt=""><figcaption></figcaption></figure>

### 2. Section blocks:

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/d48f9a41-ff9d-431b-a47f-7529561285bd/Screenshot%202023-11-14%20at%204.46.46%20PM.png" alt=""><figcaption></figcaption></figure>

* **Heading**: Use the provided text field to add a heading.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/6ffd25aa-8dae-4eb6-b89b-f1040b6f6f72/Screenshot%202023-11-14%20at%205.10.06%20PM.png" alt=""><figcaption></figcaption></figure>

* **Text, Caption**: a short summary of the product to grab customers' attention.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/6f24f27d-738e-4fe7-884f-7c3e19bdeaba/Screenshot%202023-11-14%20at%205.12.05%20PM.png" alt=""><figcaption></figcaption></figure>

* A call-to-action **button**: direct customers to the suitable collection pages.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/8440a4d8-ce9c-43c3-87b5-1108d44db7eb/Screenshot%202023-11-14%20at%205.12.46%20PM.png" alt=""><figcaption></figcaption></figure>

### **3. Image with text section settings:**

* Click on the **Image with text** section to open the section settings.

<figure><img src="/files/r1zhDrWFYKtsr6F6hnLu" alt=""><figcaption></figcaption></figure>

* **Image:** Upload a feature image to display on the left or right of the text block. You can adjust the width and shape of your image.
* Change **Image height** for image and **Desktop** **image placement** to display the image(s) on the *Left* or *Right* side of the text.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/077ec031-fcec-4b2f-83dd-e13b27140da6/Screenshot%202023-11-14%20at%204.53.18%20PM.png" alt=""><figcaption></figcaption></figure>

* You can change the Desktop content alignment of the Heading, Caption, Text, and Button blocks to *Left/Center or Right.*

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/ecb8c9f9-2ed0-4767-aeb6-15872472b3f8/Screenshot%202023-11-14%20at%205.13.43%20PM.png" alt=""><figcaption><p><strong>Desktop content alignment: Center</strong></p></figcaption></figure>

* Use the **Make section full width** to control the maximum width of the section.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/image-with-text.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
