How to Hide Image File Names on Divi Gallery Images

If you use the Divi gallery module, you may have noticed that when you click on an image and it opens in a lightbox, you are able to see the image file name at the bottom left corner of the image.

However, sometimes we want to remove that so the user can’t see the image name.

Add the following custom CSS code to your Divi Theme Options > Custom CSS field.

Here’s the code that you need to use:

.mfp-title

{ display: none!important; }

And if you want to remove the counter at the bottom right corner of the image, too (that shows e.g. 2 of 10), use the following code as well (together with the code above):

.mfp-counter

{ display: none!important; }