Video with text
When users need to show video-related information they can use this section for displaying videos with text.
Remove section spacing
By enabling this checkbox, you can remove spacing of the section.
Layout
Customization of the "Layout" in this section is as follows:
Full width
Container
Heading
Text Enter text to display as a title in the section. Size
Customization of the "Size" in the slide is as follows:
Small
Medium
Large
Position
Customization of the "Heading position" in this section is as follows:
Left
Center
Desktop video width
"Desktop video width" is to specify image width in a section. You can set the minimum of “30%” and a maximum of “100%” width.
Desktop video position
Customization of the "Desktop video position" in this is as follows:
Left
Right
Enable auto play
Enable this checkbox to automatically play video in the video with text.
Play video on loop
Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.
Enable controls
Enable this checkbox to enable controls in the video with text.
Video button color
In this section, you can change the background and foreground color of the button color using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Video button width on desktop
"Video button width" is to specify image width in a section. You can set the minimum of “50px” and a maximum of “100px” width.
Shopify hosted video
Video Use only the MP4 video here. Or embed video from URL Add Youtube, Vimeo URL and display the video. Cover image You will add a cover image, which will appear on the video. Video alt text Add alt text to describe the video for customers using screen readers.
Play button image
You will add a play button image, which will appear on the video.
Color scheme
In this section, you can change the background and foreground color of the section using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Content display as
Customization of the "Content display as" in this section is as follows:
Beside the video
Over the video
Beside the video content style
Container color scheme
In this section, you can change the background and foreground color of the container using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Spacing around container Utilize this feature to add spacing around container.
Content color scheme In this section, you can change the background and foreground color of the container using the color scheme:
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Overlay opacity By enabling this checkbox, you have the ability to change the content background opacity. Modify the "Overlay opacity" setting to increase or decrease the opacity level of the overlay on the content. Desktop content position
To change the position of the content on the video, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in the slide is as follows:
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
Content alignment
Customization of "Content alignment" is as follows:
Left
Center
Right
Show content background Enable this checkbox to show content background in video with text.
Content background opacity By enabling this checkbox, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the video with text Enable blur background Enabling this checkbox allows you to display a blurred background..
Spacing around container
Utilize this feature to add spacing around container.
Add block
To add block to the video with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
Heading
Heading
Enter text to display as a title on the section.
Heading size
Following is the font size customization of the heading in the section:
Small
Medium
Large
Uppercase heading By enabling this checkbox, you can view the heading is set to uppercase.
Description
Description
Click on the "Add block" and select the text. And enter text to display as a description on the section. Text size
Customization of the "Text size" in this section is as follows:
Small
Medium
Large
Caption
Text
Click on the "Add block" and select the text. And enter text to display as a caption on the section. Uppercase text By enabling this checkbox, you can view the text is set to uppercase in the caption. Text style
Customization of the "Text style" in this section is as follows:
Light
Dark
Button
Click on the "Add block" and select the Button.
Button label
Use "Button label" to add a label to the Button in the section.
Button link
Use "Button link" to add a link to the Button in the section.
Button style
Customization of the "First button style" in this section is as follows:
Link
Outline
Solid
Last updated