Divi Theme Popup Gallery Lightbox No Plugin

How to easily add a popup lighbox of a functioning gallery with the Divi Theme. In this video we will be showing how to design this feature using some pre written code from Elegant Themes. Today we will be demonstrating how to create this feature with the Divi Button Module, Divi Gallery Module and Divi Theme Options. So follow along with this video to see how to do this with your site. In this video we will cover: Using The Divi Theme Options. Getting The CSS Code. Getting The JS Code. Adding A Divi Button Module. Using A CSS Class Name. Adding A New Section. Adding A Section Background Gradient. Adding A Divi Gallery Module. Creating The Popup Lightbox. We are going to be using the Divi theme to create some great effects in this series of videos. The Divi theme has some great modules and effects. With a little work you can achieve some great eye-catching effects to enhance the look and user experience of your website. Using galleries in web design offers numerous benefits. Firstly, galleries provide a visually appealing way to showcase images, videos, or other multimedia content, enhancing the overall aesthetic appeal of a website. They allow for a more immersive and engaging user experience, allowing visitors to browse through a collection of visual content seamlessly. Galleries also facilitate organization and categorization, making it easier for users to find specific content within a large collection. Additionally, galleries can be used to tell a story or present a portfolio, making them particularly useful for photographers, artists, and businesses showcasing their work. They provide a platform for creativity, interactivity, and effective communication, ultimately enhancing the impact and effectiveness of a website. THEMES AND PLUGINS USED IN THESE VIDEOS: Try out the Divi theme: https://bit.ly/TryDiviNow Divi Supreme Modules Pro Plugin 10% Off: https://bit.ly/DiviSupremeCoupon Divi Supreme Modules Light Plugin: https://bit.ly/SupremeFreeVersion Code Used Today: https://help.elegantthemes.com/en/articles/2730977-opening-divi-modules-in-a-lightbox MY YOUTUBE PLAYLISTS: Divi Supreme Modules Playlist: https://www.youtube.com/watch? v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw Playlist page for more videos on this: https://www.youtube.com/c/System22Net/playlists Full Ecommerce Site Build Playlist: https://www.youtube.com/watch? v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 Contact Form With File Upload Video: https://youtu.be/WDo07nurfUU Divi 4 Theme Create An Ecommerce Store In One Hour: https://youtu.be/qP-ViPakoSw Check out our playlist page for more videos on this: https://www.youtube.com/c/System22Net/playlists Sub: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q?sub_confirmation=1 Don't forget to drop any questions below, I will do my best to answer or make a video demo for you! MY BLOG https://web-design-and-tech-tips.com CHAPTERS 00:00 Introduction 01:20 Using The Divi Theme Options. 01:51 Getting The CSS Code. 02:39 Getting The JS Code. 03:44 Adding A Divi Button Module. 05:29 Using A CSS Class Name. 06:15 Adding A New Section. 06:30 Adding A Divi Gallery Module. 09:25 Adding A Section Background Gradient. 10:32 Creating The Popup Lightbox. 12:00 Result. Subscribe: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q 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. #YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite #Divi