> 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-style-4.md).

# Image With Text Style 4

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

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FgtSsZMzhdMQgkOUPJO9n%2F201.jpg?alt=media&amp;token=34b9cfd3-d8bd-4d8e-bcbd-53d4e79723fe" alt=""><figcaption></figcaption></figure>

### General Settings

![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FRAVAhLg8noGh7qvbOTSm%2F202.jpg?alt=media\&token=e7260f6e-8268-45aa-a87a-855afa58590f)![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FZ6bgLxJfNL11qVbQ6dhq%2F203.jpg?alt=media\&token=e2620b46-b660-46b0-b0e3-bfd8fcadee73)

* Select Animation
* Width of Container
* Background Section
* Align Center
* Block Left
  * Image
* Block center
  * Sub Title, Heading, Description
  * Button text
  * Link
  * Style Button
* Block Right
  * Image
* Section Padding (Desktop on Mobile)

### Block Settings

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

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FBdsmUuFsQObRuwIGMGzI%2F204.jpg?alt=media&amp;token=19f2356a-7e2a-4209-84f4-1f9a551868e7" alt=""><figcaption></figcaption></figure>

* Select Collection
* Image (You can customize the image for each collection)
* Color
* Enable/Disable Gradient Overlay
* Opacity, Overlay