# 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="https://content.gitbook.com/content/vKTfahXsWzBXjkEUjgYR/blobs/dHTvDbcaJ8bVckDV4pv5/image-with-text.gif" 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="https://content.gitbook.com/content/vKTfahXsWzBXjkEUjgYR/blobs/HQvj6BV9pj9lEzuwLYop/image-with-text-settings.gif" 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="https://content.gitbook.com/content/vKTfahXsWzBXjkEUjgYR/blobs/tUoAEAwORpq5X65PtoQQ/layout-style-image-width.gif" 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>" %}