# Image with text overlay

Similar to the Slideshow section, 'Image with text overlay' is perfect when you only need a single image banner section.

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

Unlike the Slideshow section, you can rearrange the order of text blocks.

## Key components

* **Banner image:** Choose a captivating image to serve as the background for your overlay content, setting the tone and mood for your website.
* **Height options:** Select from various height options to ensure the perfect balance between your image and text content, whether you prefer a full-screen experience or a specific height for the overlay.

## Configuring your section: Settings overview

* **Mobile image:** Optimize the experience for mobile users with a separate image selection and height settings tailored specifically for smaller screens.
* **Text position:** Place your text overlay strategically, whether centered, aligned left or right, or positioned at the bottom corners for a unique touch.
* **Buttons:** Direct users to relevant pages or actions on your website, such as product pages, collections, or contact forms.
* **Rich text editor:** Utilize the rich text editor to create descriptive and engaging content.&#x20;
* **Overlay opacity:** Adjust the opacity of the overlay to achieve the desired visual effect and ensure optimal readability of your text content.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://modular.presidiocreative.com/sections/modular-sections/image-with-text-overlay.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.