How to Hide Image File Names on Divi Gallery Images

by Last Updated: Oct 22, 2023Blog, Divi theme

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.


Image File Name on Divi Gallery


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.

5 Free WordPress Plugins You Should Use

Banner Blue Biz Child Theme


Author: Andrej

WordPress expert. Divi user since 2014. I blog about WordPress and Divi, my favorite WordPress theme. When I’m not working with WordPress or writing an article for this blog, I’m probably learning Italian. You can read more about me here.