Video with text

Available in Whisk versions 4.1.0 and greater


First section

When this section is the first one at the top of the page, make sure this box is checked. It loads any animated text immediately so it's a better experience for the customer.

Cover image

Select an image that will show on the page before the visitor clicks the play button to watch the video. If there is no cover image, the video thumbnail image will show instead.

Width (desktop)

Choose how wide you want the video to be on desktop. It will automatically fill the width of the screen on mobile. 

Video placement (desktop)

Choose to show the video on the left or right side of the section. The video will automatically be above the text on mobile.

Make video extend over the bottom edge of the container

When this box is checked, the video will overlap the bottom edge of the section. When unchecked, the image will fit into the section with equal spacing around it.

Enable video looping

Loop video so that it restarts playing as soon as it finishes.

Shopify-hosted video


Upload a video to Shopify here to show in this section. These videos can be of any aspect ratio and they will display in their native aspect ratio.

Embed video from URL

Video URL

The full URL of the video from either Vimeo or YouTube. If there is also a video uploaded through Shopify-hosted video, that video will take precedence and display instead of any video here.

Video aspect ratio

The aspect ratio for the YouTube or Vimeo video

Video alt text

Describe the video to make it accessible for customers using screen readers.

Text settings

Text animation

See the documentation for text animations for more details.

Color scheme

Choose from one of the theme's color schemes as the background for the section.

Text alignment

Choose whether to align text left or centered.

Color underneath section

See our documentation on Color underneath sections to learn more about how to use this setting. This is only relevant when the image is extended below the bottom container.

Section spacing

(Whisk 5.0.0 and above)

Adjust top and bottom padding within the section.

Add space above or below

(Whisk 4.3.1 and below)

Depending on the sections that are above or below this section, you may want to add some extra space for a more pleasing layout.



Heading font style will be the heading font chosen in Typography/Theme settings.


The text for the block.

Heading size

Select the size of the text for the heading.


Subheading font style will be the accent font chosen in Typography/Theme settings.


The text for the block.

Subheading size

Select the size of the text for the heading.

Make text bold

Check this box to make the subheading text bold.


Text will be the body font chosen in Typography/Theme settings.


The text for the block.

Text size

Select the size of the text.

Make text bold

Check this box to make the text bold, which can be helpful for legibility on a transparent background.


Buttons will be automatically colored based on the color scheme chosen as the text box background. The following applies to both Button 1 & Button 2.

Button label

The text for the button. To hide either of the buttons, leave the label for that button blank. 

Button link

Add a link to the page you want the button to lead to. If it's a page outside of the store, make sure it's the full URL with "https://".

Still need help? Contact Us Contact Us