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 (see the screenshot below).

In this article, I will explain how you can easily get rid of this image file name text.

 

 

The only thing that you need to do is to use the following custom CSS code to your Divi Theme Options > Custom CSS field. Or you can add it to your child theme’s stylesheet.css file. If you don’t use a child theme, you should create one, especially if you will be adding some more custom code to your Divi website. You can check my other tutorial about creating a Divi child theme.

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. 1 of 9), use the following code as well (together with the code above):

.mfp-counter { display: none !important; }

And that’s it. This is all there is to achieve this. For more Divi quick tips like this one delivered into your inbox, you can subscribe to my newsletter.

PS: You might also like to read my other article that explains how you can change the accent color on one particular page on Divi.