> For the complete documentation index, see [llms.txt](https://qodex.gitbook.io/shopify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://qodex.gitbook.io/shopify-docs/theme-sections/image-with-text.md).

# Image With Text

{% hint style="success" %}
In the theme editor **(Customize) => Section**, Add **Image with text**
{% endhint %}

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

### General Settings

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

* Select Animation
* Width of Container
* Background
* Height sub Background
* sub Background
* Position sub Background
* Enable Padding
* Align Center
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Image with text** Section **>** Add **Text**
{% endhint %}

<figure><img src="/files/2JRJxICx50jVQ1j1UxMU" alt=""><figcaption></figcaption></figure>

* Content Text Column
* Background Text Block
* Text Color
* Sub Title, Heading, Heading Size
* Opacity, Overlay, HTML / Description
* Style Button
* Button text
* Link
* Enable Padding
* Text alignment

{% hint style="success" %}
In **Collection Grid** Section **>** Add **Image**
{% endhint %}

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