Background video

Background video

Background video displays a background video in a hero/banner layout with a text overlay. The video will play automatically on a loop without sound.

This section only accepts videos that have been uploaded within the Shopify admin, it does not work with external videos (e.g. YouTube, Vimeo).

Section settings for background video are listed in the table below.

SettingDescription
VideoAdd an internal video (must first have been added through the Shopify admin).
Cover imageAdd an image to be shown if the image does not load.
Video heightSelect the video height.
HeadingAdd a heading.
Heading sizeSelect the heading size.
Text
Add text.
First button labelAdd a label for the first button.
First button linkAdd a link for the first button.
First button styleSelect the first button style.
Second button labelAdd a label for the second button.
Second button link
Add a link for the second button.
Second button style
Select the second button style.
Image overlay opacitySet the image overlay opacity. Set to 0 to remove.
Color scheme
Select the color scheme for the section.
Section padding
Top paddingSelect the top padding for the section.
Bottom paddingSelect the bottom padding for the section.

    • Related Articles

    • Video

      The video section displays a video along with text. [Video formats] Section settings for video are listed in the table below. Setting Description Video Add an internal video (must have been previously added from the Shopify admin). URL Add a link to ...
    • Color settings

      Color settings are used to set the color schemes and colors that will be used throughout the theme. Color scheme settings are set out in the table below and are accessed through the theme editor. Setting Description Background Set the background ...
    • Promotional banner

      Promotional banner displays a banner to promote limited time sales or discounted collections. A heading, text and button can be added as blocks. Section settings for promotional banner are listed in the table below. Setting Description Section width ...
    • Multicolumn

      Multicolumn displays columns containing both images and text in a multiple column layout. Columns are added as blocks. Each column can contain an image, heading and text. Section settings for multicolumn are listed in the table below. Setting ...
    • How do I use color schemes?

      Color schemes allow you to define groups of colors that are tailored for your store and work well together. Having a predefined set of color groups makes it quicker and easier to customize the colors used throughout your theme. A color scheme will ...