How to Use Lightbox Widget

element pack

How to Use Lightbox Widget

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.

Content Tab

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.

Poster Toggler:

Button Toggler

Icon Toggler

Lightbox Content

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.

Style Tab

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.

Toggle Button

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.



Fancy Animation


Here, you can manipulate the Lightbox Animation such as Slide, Fade, and Scale. Another option is Video Autoplay, you can enable/ disable.

Video Assist

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.

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

Copyright © 2022 BdThemes. All Rights Reserved.