Stop the Gallery Module Images opening in a Popup

Written by Dan Mossop

The Divi theme comes with a gallery module which lets you display images in both a grid and slider format. When clicked, the images will display in a pop-up "lightbox". If you'd like to disable this so that the images are not clickable and don't open in a popup, you can do it like so:

Disable Gallery Module Lightbox in the Module Settings

There isn't a specific setting for it, but you can disable the gallery module lightbox popup via the module settings by setting:

Gallery Settings > Advanced > Custom CSS > Gallery Item

To include the following:

pointer-events: none;
Like so:

Disable Gallery Module Lightbox using CSS

If you need to disable the gallery module lightbox popup using full CSS, you can do so by giving your gallery module an ID (such as "my-gallery-id") at:

Gallery Settings > Advanced > CSS ID & Classes > CSS ID

And then adding the following CSS to your site:

#my-gallery-id .et_pb_gallery_item {
	pointer-events: none;
}

Enhance Your Divi Galleries with Perfect Customization!

Unlock the full potential of your Divi galleries with Divi Gallery Booster. This plugin adds all the styling options you've been missing, allowing you to enhance your gallery module's appearance while keeping full creative control. Streamline your design process and captivate your audience with stunning visuals!

About Dan Mossop

Dan is a Scottish-born web developer, now living in Brisbane with his wife and son. He has been sharing tips and helping users with Divi since 2014. He created Divi Booster, the first Divi plugin, and continues to develop it along with 20+ other Divi plugins. Dan has a PhD in Computer Science, a background in web security and likes a lot of stuff, 

0 Comments

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.

We may earn a commission when you visit links on our website.