Banner with text

Create your online store today with ShopifyShopify

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.

Steps

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

2. Locate Banner with text

3. Save

Section settings

1. General

Layout: You can choose among Container, Wrapped container, Full width for the banner layout.

Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

Please follow this link for more information.

2. Content

Content style: set the header to stay on top or beside the image

Text alignment: You can align text to Left, Center or Right.

Content align: Align content vertically and horizontally

Image style: Style the border of the images to be squared or rounded.

Content max-width: set width for text

3. Text beside image setting

Position: Setting for image or video to be on the right or left of the text.

Width: Setting width for image or video

Column gap: Setting space between text and content

Hover effect: This option allows you to set an effect when hovering for image with many selections (Warning: Hovering effect will resize your images).

4. Text overlay setting

Content has default height with Original setting. Switch to Custom setting in case you want to set it up on your own.

5. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.