> 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-overlay.md).

# Image with text overlay

<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>

The Image with text overlay section uses a high-resolution image, text, and a call-to-action button to display immersive content.

![](/files/0ZYMgDQQ2DNJl8U8xPFJ)

{% hint style="success" %}
Steps

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

## General settings

Change the container type, section height, and add an overlay effect.

Section height options include:

* Adapt to image
* Small
* Medium
* Large
* Full-screen

![](/files/ssW9yGyrz8J94W79dBFa)

## Background settings

Add an image and adjust its position. You can add a link to redirect customers to your desired page. Enable parallax effect if needed.&#x20;

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

## Content and Button settings

### Content

For adjusting the content text position, color, size, etc. Use the provided text fields to add a suitable heading/ subheading/ description. Leave any of them blank if you do not want to display them.

![](/files/DUBVxBjSlvGOzFqBOcKz)

### Button

Display a call-to-action button to redirect customers to your desired pages. Add a **Button label** and **Button Link** for one or both, then choose a **Button style** and adjust the **Button size**.

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