> 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

<div data-full-width="true"><figure><img src="/files/1OZ2q7N6tFYitFzBKwTz" 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.

![](/files/ff3jg0iFSrCTuYcGtfze)

{% 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="/files/Ac9xf2kEWfiKP0qxPET1" alt=""><figcaption></figcaption></figure>

## &#x20;Content

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

![](/files/LzbbWMdJB8sqQjrYQM5i) ![](/files/XJLu5nxawzUTW6GnxJ3U)

## Button settings

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

![](/files/BwBMk9ufACMOiPMQnFKK)
