Divi Tutorial! Create a Mind-Blowing Button-Triggered Lightbox (No Plugins)
Вставка
- Опубліковано 8 лют 2025
- Welcome to an electrifying Divi tutorial that will revolutionize your web design game! In this video, we're diving headfirst into the world of stunning user experiences with an awe-inspiring technique. Brace yourself as we show you how to create an extraordinary button-triggered lightbox right within the Divi theme - and guess what? No plugins required!
Elevate your website's allure with this mind-blowing Divi tutorial! By harnessing the power of button-triggered lightboxes, we're about to unveil a whole new dimension of interactivity and engagement. Imagine captivating your visitors with content that elegantly unfolds at the click of a button, all seamlessly executed without the need for any plugins. Whether you're a seasoned Divi pro or just taking your first steps, this tutorial will equip you with the skills to craft an enchanting online presence that leaves an indelible mark. Join us now and become the architect of an extraordinary digital journey - it's time to create, captivate, and conquer with Divi!
THEMES AND PLUGINS USED IN THESE VIDEOS:
Try out the Divi theme: bit.ly/TryDiviNow
Divi Supreme Modules Pro Plugin 10% Off: divisupreme.co...
Divi Supreme Modules Light Plugin: bit.ly/Supreme...
MY UA-cam PLAYLISTS:
Divi Supreme Modules Playlist: / watch
v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw
Playlist page for more videos on this: / system22net
Full Ecommerce Site Build Playlist: / watch
v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Contact Form With File Upload Video: • Divi Theme Contact For...
Divi 4 Theme Create An Ecommerce Store In One Hour: • Divi 4 Theme Create An...
Check out our playlist page for more videos on this: / system22net
Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
Sub: / @system22
MY BLOG
web-design-and...
CODE USED TODAY
help.elegantth...
Subscribe: / @system22
Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you.
#DiviMastery #TextSlideDown #ImageEffects #CTAButtons #WebDesignMagic #DiviThemeMagic #StunningDesign #EpicCTA #CreativeWebDesign #DiviMagic
Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists
Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
Sub: ua-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
Cool 🎉
Awesome!
Hi. This is working nicely for me, but the "X Close" icon is not visible. I've tried changing the color and position, all to no avail.
Well I'm a late in the discussion! I just found you. Thank you very much for your time, muche appreciated. To apply it this effect to a smartphone what should I do?
Glad to help @iandorion2139 - Should work fine on phone too! Check out our playlist page for more videos on this: ua-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!
Again, thank you very much! In fact i want to adjust my Pop up height on mobile so all the content of my row is displayed correctly on the screen. Actually, I can't scroll in the pop so content is missing on mobile. @@System22
In the popup go to the Advanced tab > Visibility and set the vertical overflow to scroll on mobile
Jamie any chance of a tutorial on how to make a Before After Image Slider WITHOUT requiring any plugin? Or at least any paid plugin. I only need to do a couple on a few sites and can't justify $.
Made this for you, not exactly what you're looking for, but may work: ua-cam.com/video/TVPTbQaVycE/v-deo.html
That's cool! I have just a problem. I have buttons inside a carousel, (every imagine has own button) but instead of Class CSS i have custom CSS.. so i miss this step for making this lighbox.. how can i do? (I put the #' in 'content' where i have the link of the button). Thanks a lot in advance!
Hi Jamie, is it a way to make a smooth transition ? For me it's opening very fast