# Image with text

'Image with text' uses a solid color block to make the text stand out over the image. Use this more striking design to grab your customer's attention.

### Settings

Set up your image, text, positions, and buttons by using these section settings.

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

#### Show a percentage discount

With Palo Alto 4.6 you have the option to show a percentage discount in the Image with Text section:

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

This feature is automated, no additional set up required.

### Layout style and Image width

We have improved the Image with a text section. It now includes a set of two new settings that will allow you to set the width for your image:

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

{% hint style="info" %}
Please note that the **Image width** option only applies to the 'Inline' **Layout style**.
{% endhint %}

#### Check out the new 'Focal point' feature in Shopify:

{% embed url="<https://help.shopify.com/en/manual/online-store/images/theme-images#set-a-focal-point-on-a-theme-image>" %}


---

# Agent Instructions: 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:

```
GET https://palo-alto.presidiocreative.com/palo-alto-4.6/sections/palo-alto-sections/image-with-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.