Image with text overlay

Learn to build your brand and highlight special promotions and products.

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


  1. In the theme editor (Customize), click Add section

  2. Locate Image with text overlay

  3. Save

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

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


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.


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.

Last updated