Image with text

You can add a section that contains an image and a text block with an optional button to link customers to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

 

Section settings

Setting	Description
Image	Click Select image to choose an image for the section. Click the Change button to change or remove the image.
Edit alt text	Click to set image alt text for search engine optimization and to describe the image for customers using screen readers.
Image height	Choose the height for the image: Adapt to image (default) Small Large
Desktop image width	The width for the image: Small Medium (default) Large
Desktop image placement	Choose whether the image or the text appears first. Image first is default for mobile layouts: Image first (default for mobile) Image second
Desktop content position	The vertical position of the content in the container: Top (default) Middle Bottom
Desktop content alignment	The alignment of the text in the container: Left (default) Center Right
Content layout	Allows the image and text boxes to overlap with one another. If No overlap is selected, the content will adjust to accommodate the text and image. Overlap No overlap (default)
Color scheme	The background color of the image with text. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Mobile layout	Choose the alignment of content for mobile devices: Left (default) Right Center
Section padding	Add spacing to the top or bottom of the image with text section. Use the range slider to add between 0px and 100px of space above or below the image with text section.

 

Heading block

Setting	Description
Heading	Title text for the section.
Heading size	Change the size of the heading text. Choose between small, medium, or large.

 

Text block

Setting	Description
Content	Displays paragraph-style text in the text section.
Text style	Style for the content text: Body (default) Subtitle

 

Button block

Setting	Description
Button label	The text that displays on the button.
Button link	The URL that you want the button to link to.

 

Caption block

Setting	Description
Text	Add a tagline or caption to your image. Text will appear at the bottom of your image with text section.
Text style	Style of the content text: Uppercase (default) Subtitle
Text size	Size of the content text: Small Medium (default) Large