Video with text
The Video with text section was added in v1.2.0 — Learn how to update your theme to access the latest features.
Use the Video with text section to combine an autoplay video (without sound) side-by-side with promotional text and button. With a flexible layout and optional content blocks, you can achieve a wide variety of looks.
Add a featured video and content blocks.
Customize the layout and change the container color for alternate looks.
Check out the related Image with text section.
Editing templates will change all pages that use the same template. Create new templates for different page layouts, or show dynamic page content in the same template.
Set up section
In the editor side panel, click (+) Add section and select Video with text. Click and hold the drag handles ⋮⋮ to re-order sections.
Section styles
Click the section to edit general section styles for colors and spacing, available in all sections:
Set up video
The Video with text section displays an autoplay video (without sound). After uploading your video, you can select the focal point of your video and add a color overlay.
For autoplay videos, make sure your video files meet the following requirements:
Video file type
.mp4 or .mov
Embedded YouTube or Vimeo videos are not supported.
Video length
< 20 seconds (Recommended)
Video size
< 10MB (Recommended)
Click Video with text section to find settings
Shopify video
Select or upload a video that autoplays (without sound).
Mobile Shopify video
Select or upload an alternate video to show on mobile devices.
Video focal point
Specify the main focus of the video. The focal point will remain centered and within frame to avoid unwanted cropping.
Center Default Top Bottom Left Right
Background link
Select a page or URL to make the entire video a clickable link.
Change video layout
Click Video with text section to find settings
Desktop video width
Set the maximum width of the video on desktop.
35-70 Default: 50
Desktop video position
Position the video to the left or right of the text content.
Left of content Right of content Default
Mobile video position
On mobile, show the video before or after the text.
Video first Default Video second
Video breathing room
Use the slider to add spacing around the video. Set the slider to 0 to display the video at the full width and height of the video area.
0-60 Default: 0
Add content blocks
Click (+) Add block to add text and image content to the section. Use the drag handles ⋮⋮ to re-order blocks, and add Spacer and Divider blocks to further customize the layout.
Change content layout
Click Video with text section to find settings
Content width
Use the sliders to set the maximum width (in pixels) of the section content.
200-1000 px Default: 500
Text alignment
Set the position of the text content for desktop screens.
Left Default Center Right
Vertical text alignment
Position text at the top, middle, or bottom of the section.
Top Middle Default Bottom
Container color scheme
Select a set of colors to apply to the text container. You can add and define different color schemes in Theme settings > Colors. Learn more
Change container color
Change the Container color scheme to show a background color for the content area.
You can add and define different color schemes in Theme settings > Colors. Learn more
Last updated
Was this helpful?
