Today I'll show you how to make an Elementor Image Gallery with Animated Lightbox/Popup and design an WordPress Creative Portfolio Section.
Get Elementor Pro:
Get code snippet for Image Lightbox with Gallery:
Get this READY-MADE template on TEMPLATISH:
In this tutorial, I’ll show you how you can create a creative portfolio section on your Elementor website. Here when you click on any of these images, you can see that as a popup with a smooth animation. And also when you click outside of that, it again goes back to its previous position. And this is also perfectly responsive for the tablet and mobile devices. By the way, here you also don't need any extra WordPress plugin.
If you want, you can get this gallery popup animation as a ready made template from my template shop. And here also as a bonus, you'll get both the container and non-container versions of that template. But, if you don't want this effect, you can also start it from scratch.
First, we need to take a new container. Inside this container we need to create multiple container to create a 8×4 grid section. So, for each of the container, we have to make their width 1/8 of the full width.
Also we create a heading and place it at the middle of the whole container. Then, create those other containers. Inside some of them we have placed images and some of them also used for creating the spaces.
After adding all them, finally we added the custom code to make that smooth lightbox animation. Lastly, we have made it responsive for the tablet and mobile devices.
So that’s how you can create this animated gallery for your WordPress website.
Watch video Make an Elementor Image Gallery with Animated Lightbox/Popup | WordPress Creative Portfolio Section online without registration, duration 10 minute 14 second in high hd quality. This video was added by user Make Dream Website 30 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13 thousand once and liked it 253 people.