Display a video on your home page with the Video section. This section draws a video from YouTube or Vimeo and can be paired with messaging, overlay, and cover image features.
Add a Video section to your home page
- In the theme editor (Customize), click [+] Add section
- Locate Video
- Click the section, then Add
- Save
Connect the video
Copy the Video URL from YouTube or Vimeo and paste it into the theme editor.
Select an aspect ratio
Choose either 16:9 or 21:9 from the Aspect ratio dropdown. This setting controls the video's proportions for the height and width.
Activate the overlay
Enable Show overlay to activate the overlay.
Text position and colors
Use the Heading and text alignment dropdown to have the text component of the overlay appear above or below the play button.
Customize the color of this overlay from the Style dropdown and the Opacity using the provided slider.
Include a cover image
Upload an image by clicking Select image. This will display in place of the video until the video's play button is activated.
Use the Cover image position to adjust the focal point for the image. This adjusts the center of the image as it fits in the section container. For instance, if your image's subject is on the far right side of the image, you could select Right Center to pull the focus to that end of the image.