Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Video with text

PreviousCountdownNextImage with text

Last updated 10 months ago

When users need to show video-related information they can use this section for displaying videos with text.

Setting
Description

Color scheme

In this section, you can change the background color of the session using the color scheme:

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

Desktop alignment

Customization of text alignment in desktop devices is as follows:

  • Left

  • Center

  • Right

Mobile alignment

Customization of text alignment in mobile devices is as follows:

  • Left

  • Center

  • Right

URL

Add Youtube, Vimeo, and any other URL and display the video.

MP4 video link

Use only the MP4 video link here.

Add block

To add blocks to the Video with text section, click on the 'Add block'. There are many options available similar to the video, as you can see in the below points and screenshot:

Block
Description

Heading

Click on the "Add block" and select the Heading. And enter text to display as a title on the section.

Caption

Click on the "Add block" and select Caption. And enter text to display as a Caption on the section.

Button label

Click on the "Add block" and select the Button. Use "Button label" to add a label to the Button in the section.

Button link

Click on the "Add block" and select the Button. Use "Button link" to add a link to the Button in the section.

Button style

Customization of button style is as follows:

  • Link

  • Outline button

  • Solid button

Desktop button size

Customization of button size in desktop is as follows:

  • Default

  • Large

Live Chat Support | Webibazaar Template
Logo