In this video, you will learn about all
the options available in Elementor to
add lightbox pop-ups in WordPress. So
let's get started.
Number 1 adding lightbox to images. Adding a lightbox is automatically set for all images in Elementor
so if you have an image, all
you have to do is make sure it links to
a media file. Now. when I click on it the
lightbox pops up.
Number 2 control all the global lightbox settings. This is done by going to the hamburger
icon, clicking on global settings and
under lightbox I can see the global
settings. From here I can turn off the
image lightbox, enable in editor and
change the background color. Number 3
switch off all lightbox. So this is done
simply by switching off this switch now
when I click on the image it doesn't
open up the lightbox.
Number 4 add the lightbox for a single image.
So if you switch off image lightbox you can still open the lightbox for a single
image by going to the image and under
lightbox setting it to yes. Now when I
click on the image it will open up.
Number 5 change the lightbox background color
This is also done globally. I can
choose any color I wish and when I click
on the image the background color will
change to the color I chose.
Number 6 disable the lightbox preview in the editor. This is done by switching off
this setting what this does is prevent
the lightbox from opening up when I
click in the editor it will still open
up in the live site. Number 7 gallery and
carousel slider lightbox. This works
pretty similarly to image lightbox,
I click on the gallery and link to media
file. I'll do the same for the carousel
slider. Now when I click on the gallery
it opens up
and I can browse through all the images
that I want. Number 8 video lightbox.
to switch video lightbox on I click on
the video and under image overlay
I switch on lightbox.
Now when I press the video the light box
pops up. This has been eight options you
can use for Elementor's lightbox feature
I hope you've enjoyed this tutorial and
I invite you to subscribe to this
channel and get more videos and
tutorials until next time,
This is Ben from Elementor
