How To Use Hover Video Widget By Element Pack Pro

  • BdThemes
  • How To Use Hover Video Widget By Element Pack Pro

Table Of Contents

How To Use Hover Video Widget By Element Pack Pro

In this documentation, we will show you how to customize the Hover Video widget presented by Element Pack Pro.

Inserting The Hover Video Widget

Inserting The Hover Video Widget

On the Elementor editor page, search by the Hover Video widget name, then drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Hover Video section

Go to Content > Hover Video

Step-1

Hover Video1 - BdThemes

Find the Hover Video Skin (Default, Accordion, and Vertical), Video Height, and Aspect Ratio options, and Hover Video widget items here (with the Add Item button).

Step-2

Hover Video2 - BdThemes

Click on the Hover Video Items, you will find the Video Type( Local Video, and Remote Video), Select Poster options.

Step-3

Hover Video3 - BdThemes

Here also Find the Title, Icon Type, Icon, and Wrapper Link options.

Additional section

Go to Content > Additional

Additional Section

Come to the Additional section, find the Show Progress Bar, Show Icon, Video Preload, Autoplay, Video Reply, and Show Poster Again switchers.

Work with The Style Tab

Video section

Go to Style > Video

Step-1

Video1 - BdThemes

Come to the Video section, Find the Border Type, Border Radius, and CSS Filter options.

Step-2

Video2 - BdThemes

In this section, you also find two sub-sections; Normal and Active.

In Normal Mode, Find the Color, Background Type( Classic, and Gradient), Background Color, Text Shadow, Padding, Typography, Alignment, Vertical Alignment, Opacity, Icon Size, and Spacing options.

Step-3

Video3 - BdThemes

In Active mode, you will get a similar set of controls to modify the appearance of this Active section like Normal Mode.

Divider section

Go to Style > Divider

Divider - BdThemes

Here Find the Divider Type( Default, Solid, Double, Dotted, and Dashed), Width, and Color options.

Progress Bar section

Go to Style > Progress Bar

Progress Bar - BdThemes

Come to the Progress Bar section, Find the Color, Fill Color, Height, Width, Radius, and Spacing options.

All done! You have successfully customized the Hover Video widget on your website.

Video Assist

You can also watch the tutorial video about the Hover Video widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge