Media with text

Media with text section allows you to pair an image or video alongside a block of text content—such as a heading, description, and call-to-action button. This layout is ideal for highlighting a product, collection, or brand story in a visually balanced format.

Section settings

General settings

Setting	Description
Section width	3 options for container • Stretch width: span the section width regardless of screen size. • Fixed width: depends on your page content width in Theme settings -> Layout. • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors

Section header settings

Setting	Description
Text	The title of the section
Size	The description of the section
Max width	The size of the title: • Small • Medium • Large

Media settings

Setting	Description
Media style	3 option to shape your media: • Default • Rounded • Oval
Column gap	4 options for column gap • No gap • Small • Medium • Large
Image ratio	The image ratio for the featured images of the blog posts: • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. • Portrait - Crops the images to use a 3:4 ratio. • Square - Crops the images to use a 1:1 ratio • Landscape - Crops the images to use a 4:3 ratio

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section

Section divider

Setting	Description
Show divider	Display a dividing line to separate from the previous section

Block settings

Setting	Description
Type	Choose the type of media to display in the section.
Image	Upload your desired image banner
Video local	You can also use a local video instead
Video alt text	This setting is for describing the video for customers using screen readers
Overlay opacity	Customize the opacity of the media