Image with text

A guide to feature combination of images and text

The image with text section provides an appealing and dynamic approach mixing media, message, and a call-to-action button. This is a great way to promote a product/collection or any exciting feature on your online store.

This section includes a customizable image alongside text content. On desktop, the image and text sit side by side. On mobile, they stack vertically.

How to add an Image with text section to your Shopify store

Steps

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

2. Locate Image with text.

3. Make necessary changes.

4. Save.

How to edit an Image with text section

Section settings

Setting	Description
Image	Upload or select your image.
Image width	Set how much horizontal space the image takes up.
Desktop image position	Choose whether the image shows on the left or right side of the text.
Vertical alignment	Align content to the top, middle, or bottom of the section.
Column gap	Adjust horizontal spacing between the image and text.
Row gap	Adjust vertical spacing on mobile layout.
Padding left/right	Add extra spacing inside the content container.
Align content container	If the section is full-width, use this to align the inner content left, center, or right.

Block settings

This section supports 4 block types, which you can rearrange or hide as needed:

Block	Description
Subheading	Optional text—good for labels or context.
Heading	Main title of your section. Accepts rich text formatting.
Text	Body copy for your message.
Button	Add a clickable call-to-action to guide users.

Pro tip 💡

You can stack multiple Image with Text sections throughout your site to break up long content and keep the layout dynamic.