# Image With Text

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

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2F2uQg3IH0zJdpVAd3SGZg%2F191.png?alt=media&#x26;token=2aab292b-e664-4a50-b032-026999c3c9c2" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2Fqz79UidC7mWLytGpaQFv%2F192.jpg?alt=media&#x26;token=3674cb78-5df9-4fbe-a29a-2780697a7e9b" 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="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2F4U3017dff1v0Va0nonas%2F193.jpg?alt=media&#x26;token=2c28b052-942a-48df-b746-ebc0be802d2c" 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="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FETe47I46x980FVSYUNL3%2F194.jpg?alt=media&#x26;token=9f7b6544-c989-4740-a93f-f55c8e11a53b" alt=""><figcaption></figcaption></figure>
