This guide describes setting up an Image with text overlay section.
Use the section to display an image, overlaid with text, on a store page.
The previous image shows an Image with text overlay section on a store's homepage. On the left, in the section menu, the Text color dropdown is set to White. This color is applied to the text Make your home a sanctuary inside the section.
For general guidance with modifying sections, refer to Sections overview and Shopify help: Sections and blocks
To set up an Image with text overlay section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains an Image with text overlay section.
The section can be added into any page, except Checkout and Giftcard pages. To add the section into the current page, select Add section > Image with text overlay. Refer to Shopify help: Add a section
From the side menu, select Image with text overlay.
Select a setting described in the following table.
A default Image with text overlay section contains no blocks. To configure a block inside the section:
From the side menu, expand the Image with text overlay section menu.
To configure an existing block, select the block from the side menu.
To add a new block, select Add block, choose a block to add, and then select the block you added.
Inside the section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, and Shopify help: Sections and blocks
Apply a block setting described in the Table: Image with text overlay blocks.
The following table describes the blocks inside the Image with text overlay section, and their corresponding settings.
To configure a block, refer to Configure a block within an image with text overlay section.