The Image with text section combines a feature image and marketing call-to-action button with a flexible layout to balance image and text the way you want. Add two images for a special magazine-style collage. It's a great way to introduce a product or promote an exciting feature.
Set up section
Add this section to your template and re-order its position. You can add this section multiple times with different content and settings.
When you add a section to a template, it will appear on all pages that use that same template. To add sections to specific pages, you can create and assign new templates.
Steps
In your theme editor (Customize):
Select a Template to edit from the dropdown menu in the top bar.
Learn how to use Spark's available templates in our Templates help guide.
Under Template, click (+) Add section and select Image with text.
Change the order of your sections by using the drag and drop handles
⋮⋮
Add section image
Upload a feature image to display on the left or right of the marketing text block. You can adjust the width and shape of your image.
Steps
In your theme editor (Customize):
Click on the Image with text section to open the section settings.
Under Image, use the Select image button to add a section image. Your image will appear in its original orientation by default.
There are no required image dimensions but we recommend uploading an image with a minimum width of 2048px for optimal quality.
Read our article about Image guide for Spark to learn more.
(Optional.) Under Image 2, click Select Image to add two images for a magazine-style collage.
We recommend your second image have the same dimensions as the first image.
Image with text with two images Change the Image position to display the image(s) on the Left or Right side of the section.
Choose to set the Image width to either 1/2 or 2/3 of the section.
1/2 image width style 
2/3 image width style Select the Image aspect ratio to crop your image(s) to Square, Landscape, or Portrait.
The default Natural setting will display the original orientation of your image(s).
Click Save.
Add headings
Click the Heading title block to open the block settings.
Change the Heading text to display as a section title.
We recommend a title of just a few words long.
Use the Remove block button to remove the Heading block entirely.
Use the Max width of text slider to control the maximum width of the heading.
Use this setting to create a clean visual shape for your text and avoid unwanted line breaks.
Click on the Subheading block to open the block settings.
Add your text and Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's Rich text editor guide.
Change the Text alignment to make the feature paragraphs Left, Center, or Right aligned.
Use the Max width of text slider to control the maximum width of the subheading.
Use this setting to create a clean visual shape for your text and avoid unwanted line breaks.
Click Save.
Add call-to-action button
You can link to you collections or products or any other page with a custom call-to-action button.
Steps
Click (+) Add block and select Button, then click on the block to open the button block settings.
Add a Button label and Button link to display a button underneath the text block.
The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more, read "What is a Call to Action?"
To learn how to change the style and shape of buttons across your site, see the Style section in our Theme Settings article.
Click Save.
Section style
Customize the section Style with options for section Spacing, Animation, and Alternate section color.
Steps
In your theme editor (Customize):
Click on the section to find the Section style settings.
Section style settings Choose whether to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.
Learn more about Section animations in Spark.
Choose to enable the Alternate section color to apply the secondary section colors selected in your theme color settings.
Select a Spacing option to add padding around the section content.
Add padding to either the Top and bottom, Top only, Bottom only, or set it to None.
Default top and bottom padding for sections Select the Spacing amount for the padded sides of the section: Full, Half, or Minimum.
Click Save.
Image with text section settings
Click on the Image with text section to find the following settings:
Configuration Settings
Image
Select or upload one or two images. There are no required image dimensions but we recommend an image that is square or landscape (wider than it is tall).
We recommend uploading an image with a minimum width of 2048px for optimal quality.
Image position
Display the image(s) on the Left or Right side of the section.
Image width
Choose an image width of either 1/2 or 2/3 to set the image size to half or over half of the section.
Image aspect ratio
Crop the shape of your images to Square, Landscape, or Portrait. Choose Natural to display the original image shape.
Text alignment
Change the alignment of Heading, Subheading, and Button blocks to Left or Center
Use alternate section color
Apply the alternate section colors as chosen in your Theme Settings.
See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.
Image with text block settings
Click on the Heading, Subheading, or Button blocks to find the following settings:
Configuration Settings
Heading
Enter heading text to display as a section title.
Subheading
Enter subheading text to display below the heading.
Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's Rich text editor guide.
Max width of text
Use the slider to control the maximum width and line breaks of the headings.
Button link
Select or paste a link for the call-to-action button.
To learn how to change the style and shape of buttons across your site, see the Style section in our Theme Settings article.
Button label
Add custom text for your call-to-action button.
The most effective button labels ask your customers to do something (e.g. Get started, Join us, Shop now). To learn more, read "What is a Call to Action?"