The specialty of Lightbox Widget is that it works to display any image or video by filling the screen or dimming out the rest of the web page. Here, I’ll guide you on how to use the widget by Element Pack mentioned in the title.
To Insert Widget
Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above.
Using the content tab, you’ll be able to make a layout of a particular part of a website[option be added]. And in this regard, some handy sections in the tab will assist you a lot.
In this section, you’ll be able to select Lightbox Toggler (Poster, Button, Icon) and also to set a poster image, button, and icon to the Poster, Button, and Icon Toggler together.
This section will let you select what content you want to display by the Lightbox. As a lightbox content you can set Image, Video, Youtube, Vimeo, Google Map and along with you can set Content Caption.
Simply, go to the Content tab > Lightbox Content.
Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
In this section in terms of both Normal and Hover mode, you style Button and Icon. When you’re going to style the icon in Hover mode, you can special effect on the icon and that is Fancy Animation.
Here, you can manipulate the Lightbox Animation such as Slide, Fade, and Scale. Another option is Video Autoplay, you can enable/ disable.
At the end of this article, you have seen the usage of the widget is not a something like rocket science. It is quite easy. Actually, just a matter of manipulate the sections and controls.