Video with text overlay

The Video with text overlay section seamlessly integrates text on a video background, effectively conveying information through a dynamic visual medium.

Section settings

General settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fix width: depends on your page content width in Theme settings -> Layout. Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors

Video settings

Setting	Description
Video link	Accept the use of YouTube or Vimeo links
Video local	Use manually uploaded videos
Cover image	The image that displays before a customer plays the video. You can upload a custom cover image from your Shopify admin.
Video alt text	The alt text for the video. Describes the context and purpose of the video for customers using screen readers.
Video height	4 options for the video height Full screen Small Medium Large

Mobile layout

• Show text bellow on mobile: Content beneath the image

• Reset color scheme setting on mobile: When enabled, the content color will be displayed in the default color scheme

Overlay content

Setting	Description
Max width	Customize the width of the content section -> Content max width is automatically optimized for mobile.
Desktop content position	9 options for the desktop content position Top left Top center Top right Middle left Middle center Middle right Bottom left Bottom center Bottom right -> Position is automatically optimized for mobile.
Content alignment	3 options for the content alignment Left Center Right
Size	Font size content customization Small Medium Large

Section padding

• Top padding: Customize the top margin of the section

• Bottom padding: Customize the bottom margin of the section

Block settings

Heading, Subheading, Description

Setting	Description
Heading, Subheading, Description	Custom title block

Button

Setting	Description
Button label	Custom name button, if left empty, the button will be hidden
Button link	The link URL you want to add
Button style	The style of the button Fill Outline

Spacing

• Desktop: Change the section height in desktop screens.

• Mobile: Change the section height on mobile screens.