This section can be applied to all of the theme's templates.
The Media with text section offers a flexible layout for displaying an image or video alongside text. A gradient effect is applied between the media and text for a cleaner, blended look.
Customize section settings
General settings for this section are organized into Media and Content.
Choose a Color scheme to customize the section’s background and text colors. You can modify your color schemes in Theme settings > Colors.
Media settings
The Media width setting adjusts how large the image or video appears in the section.
The Media crop option lets you display the media at its natural size or crop it to square, portrait, landscape, 16:9, or 4:3 aspect ratios.
Layout on desktop controls whether the media appears on the left or right side of the text on desktop. On mobile, the media always displays above the text.
Content alignment adjusts the text alignment with options for left, right, or center; and Content position adjusts the vertical alignment of the text to top, bottom, or center.
You can also toggle the Enable full width option to allow the section to span the entire page width.
Content settings
Subheading displays a short line of text above the main heading.
Use the Heading field to add a title for the section. Adjust the text size with the Heading size.
You can also provide additional information or descriptive content below the heading by using the Text field.
Utilize the Button text and Button link to include a call-to-action button within the content.
Customize blocks
This section includes two block types: Video and Image, with the Video block added by default. Because only one block can be used at a time, you’ll need to delete the Video block first if you prefer to display an image.
Video
Selects a video to display in the section. This block includes settings to Autoplay, Loop, Hide controls, and Mute video.
Image
This is an optional feature that allows you to add a Fallback image in case the video fails to load.