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
|
| 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
|
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
-> Position is automatically optimized for mobile. |
| Content alignment | 3 options for the content alignment
|
| Size | Font size content customization
|
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
|
Spacing
- Desktop: Change the section height in desktop screens.
- Mobile: Change the section height on mobile screens.
No comments yet