The Gallery Module in Divi allows you to show images in an attractive and interactive way, using a lightbox feature that enlarges images when clicked.
However, there might be instances where you prefer a simpler display without this feature. Disabling the lightbox can streamline the user experience, keeping visitors focused on the page content without the distraction of pop-ups.
This article will guide you through the steps to disable the lightbox in the Gallery Module, allowing for a cleaner and more straightforward image presentation on your website.
Open the Gallery module settings by clicking on the Gear icon
Go to Advanced Tab → Custom CSS → Free Form CSS and paste in this CSS code
selector .et_pb_gallery_item a {
pointer-events: none;
}
selector .et_overlay {
display: none !important;
}Save your changes.