How to Hide Image File Names on Divi Gallery Images
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.

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.
Wonderful, thank you so much!