Table of Contents
The appearance of the Video with text #
Layout settings #
| Settings | Description |
| Layout style | Choose your layout style: Video first or Content first. |
| Rounded corners | Click the checkbox to enable rounded corners. |
| Full column layout | Click the checkbox to enable full-column layout. |
| Full-width section | Click the checkbox to enable the full-width section. |
Media settings #
| Settings | Description |
| Shopify video | Upload your local video in MP4 format here. |
| External video URL | You can include video URLs from YouTube and Vimeo. |
| Cover image | Upload the cover image for your video banner here. |
| Media height | Select the media height here: – Adapt to image – Small – Medium – Large |
| Overlay opacity | You can add an overlay on the image from 0 to 100%. |
Video controls #
| Settings | Description |
| Loop video | Check the box to enable the Loop video feature, or uncheck it to disable. |
| Mute video | Check the box to enable or disable the video mute feature. |
| Video description | Used for accessibility |
Play button settings #
| Settings | Description |
| Play button label | Input play button label here. |
| Play icon color | Change the play icon color here. |
| Play icon bg color | Change the play icon Background color here. |
| Play button position | Select the Play button position here. |
Video title overlay #
| Settings | Description |
| Enable video title | Click the checkbox to enable the video title. |
| Video title text | Input video title text here. |
| Video title size | Select the video title size here. |
Content positioning #
| Settings | Description |
| Desktop content position | Select desktop content position here: -Top -Middle -Bottom |
| Desktop content alignment | Select desktop content alignment here: -Left -Center -Right |
| Mobile content alignment | Select mobile content alignment here: -Left -Center -Right |
Colors #
| Settings | Description |
| Color scheme | Select the color scheme here. |
Heading Block #
| Settings | Description |
| Heading | Input heading text here. |
| Heading size | Select heading size here: – Small – Medium – Large |
Caption Block #
| Settings | Description |
| Caption Text | Input caption text here. |
| Caption Text style | Select caption text style here. |
Text Block #
| Settings | Description |
| Text Content | Input text content here. |
Button block #
| Settings | Description |
| Button label | Input button label here. |
| Button link | Input button URL here. |
| Button size | Select button size here: – Small – Medium – Large |
| Button style | Select button style here. |
Section padding settings #
| Settings | Description |
| Desktop: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Desktop: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Mobile: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile. |
| Mobile: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |