Skip to main content
How to Disable Lightbox on the Gallery Module

Learn how to disable the lightbox in Divi's Gallery Module for a cleaner, distraction-free image presentation on your website.

Updated over a week ago

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.

  1. Open the Gallery module settings by clicking on the Gear icon

  2. 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;
    }

  3. Save your changes.

Did this answer your question?