> For the complete documentation index, see [llms.txt](https://palo-alto.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://palo-alto.presidiocreative.com/palo-alto-4.6/sections/palo-alto-sections/image-with-text.md).

# 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>" %}