Video with text
Section
Last updated
Section
Last updated
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.
In the editor side panel, click (+) Add section and select Video with text. Click and hold the drag handles ⋮⋮ to re-order sections.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Click the section to customize the general section styles for colors and spacing, available in all sections:
The Video with text section displays an autoplay video (without sound) as the background. 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.
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
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.
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
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
Select a set of colors to apply to the text container. You can add and define different color schemes in Theme settings > Colors.
Heading
Text
Overline text
Button
Image
Spacer
Divider
Custom Liquid
