# Image with text overlay

The Image with text overlay section uses a high-resolution image, text, and a call-to-action button to display immersive content. ![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fedv502rvoguUYvo5BAye%2Fdownload%20\(1\).png?alt=media\&token=f3f97b82-a408-4caa-bf63-283c95ac42de) {% 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 ![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FfbPplKQHvkF7kq2F3HDP%2FScreen%20Shot%202021-10-14%20at%2020.30.32.png?alt=media\&token=dcc3e18c-bca5-410d-ac46-6bb13f3d9a50) ## 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.

## 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. ![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FlUxFZB5olZmFCD4TMpcA%2FScreen%20Shot%202021-10-14%20at%2020.34.27.png?alt=media\&token=b2be1553-cc90-44fc-a6ef-4914c34f30cc) ### 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**.