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

# Image with text

Featured combination of images and text

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&amp;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

{% embed url="<https://youtu.be/mNtsiSfNN9s>" %}

The image with text section provides an appealing and dynamic approach mixing media, message, and a call-to-action button. This is a great way to promote a product/collection or any exciting feature on your online store.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FfD4z8yoLkHmcCzNcDRu9%2FScreen%20Shot%202021-10-14%20at%2015.48.57.png?alt=media\&token=f7a2554c-634e-413b-81eb-059a4c219343)

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section**
2. Locate **Image with text**
3. **Save**
   {% endhint %}

## Section header and General

Use the provided fields to add an eye-catching heading/subheading/description along with adjustable background color and container types. The gap between the image column and text column is adjustable using the slider.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FVaHlxLgN6QLkfeXsfC15%2Fimage.png?alt=media&amp;token=27f899e7-4437-4094-94fb-782116214bb3" alt=""><figcaption></figcaption></figure>

## &#x20;Content

Add some text to the heading, subheading, and a short summary of the product to grab customers attention.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FIkGEwegrg7hESWELVAgl%2FScreen%20Shot%202021-10-14%20at%2019.44.34.png?alt=media\&token=59263647-1951-42e7-9247-bab565e3e6bd) ![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FjEGSmGndfawiZKzuBSa0%2FScreen%20Shot%202021-10-14%20at%2019.44.42.png?alt=media\&token=b3b8f5aa-1e72-411a-aa30-91ec2897395b)

## Button settings

Add a call-to-action button to direct customers to the suitable collection pages.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F343JQiXqjaa9v5aInh9E%2FScreen%20Shot%202021-10-14%20at%2019.50.45.png?alt=media\&token=5f3366a4-2225-466e-8e65-5461790a4693)
