General settings (Image with text)


Media settings 


Setting Description
Image Choose an image from your media library, upload a new one, or search for free stock images using the “Explore free images” option.
Image ratio

Set the image display ratio using one of the following options:

  • Adapt to image
  • Small
  • Medium
  • Large
  • Height 60%
Image padding

Set the padding around the image:

  • None – No padding is applied.
  • Padding left – Adds padding to the left side of the image.
  • Padding right – Adds padding to the right side of the image.
Desktop image placement

Change the layout of the image and text on desktop:

  • Text first – Displays the text on the left, image on the right.
  • Image first – Displays the image on the left, text on the right.
Mobile image placement

Change the layout of the image and text on mobile:

  • Text first – Displays the text on the left.
  • Image first – Displays the image on the left.
Image width Sets the width of the image. Can be from 30% to 70%. 
Corner radius Adjust corner radius of media using a slider.
Enable video Turn on the toggle to enable video that you can add in next options.
A Shopify-hosted video Click the 'Select video' button and upload your chosen video file.

URL

 Enter a YouTube or Vimeo URL to the video you want to display.
Enable video looping Enable this option to make the video play continuously in a loop.
Enable video autoplay Toggle this option to allow the video to play automatically when loaded. This works with downloaded videos. YouTube videos will display a play icon instead.

Text settings 


Setting Description
Text color

Changes the color of the text. Three options are available:

  • Main
  • Secondary
  • Heading
Vertical content position
  • Top: Displays the content at the top.
  • Center: Displays the content in the center.
  • Bottom: Displays the content at the bottom. 
Horizontal content position
  • Left: Aligns text to the left of the block.
  • Center: Aligns text to the center of the block.
  • Right: Aligns text to the right of the block.
Space between image and text

Adds space between image and text:

  • Small 
  • Normal 
  • Large 

Space between the image and text adjusts when the image is first, then text. If at first text then image, this function adjusts space between left padding to text. 
Content paddings
  • Default: left, right paddings equal.
  • Left: Padding is bigger on the left side from content.
  • Right: Padding is bigger on the right side from content to image.
Background color Click the box with color circle and name to choose a background color for the block with text.

Section settings 


Setting Description
Section top space The “Section top space” setting allows you to adjust the amount of space at the top of the section using a slider. 
Section bottom space The “Section bottom space” setting functions similarly to the “Section top space” setting, but controls the space at the bottom of the section. 
Background color Click the box labeled “Background color”, which displays a color circle and name. Then, select your desired color from the color picker to apply it to the section.
Image overlay This setting allows you to apply an overlay effect on the image with text section, such as a color shape, pattern, or line, to enhance its appearance or create visual contrast with other elements on the page.
Enable full width section The section takes up the entire width of the page.
Show top line  By enabling the “Show top line” setting, a line will be displayed at the top of the section, adding a visual separation between the section and the content above it.
Show bottom line  Similarly, enabling the “Show bottom line” setting will display a line at the bottom of the section, creating a visual distinction between the section and the content below it.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us