Remove Tooltips from Divi Gallery Images

Hey Divi Workers. So, you’ve created your cool looking Divi Gallery and you’re feeling proud of the way it looks….. until you hover over the image and ugghh, that horrible tooltip showing the title.

Simple,  just get rid of the title. Mmmm, not so simple, what about the SEO consequences of that. Google won’t like you!

 

 

Okay, so we need a bit of magic that will remove the title on hover and then bring it back when we leave the image.

With this method we are targeting the anchor tag of the et_pb_gallery_image class and giving it a temporary title on hover (mouseenter) and removing the original title with the use of jQuery. The process is reversed on mouseleave. If you don’t know where to put the code check out this tutorial.


jQuery(document).ready(function($){
        $( ".et_pb_gallery_image a" )
        	.mouseenter(function() {	
        		var title = $(this).attr("title");
        		$(this).attr("temp_title", title);
        		$(this).attr("title","");
        	})
        	.mouseleave(function() {
        		var title = $(this).attr("temp_title");
        		$(this).attr("title", title);
				$(this).removeAttr("temp_title");	
        	});
 });

Before

After

That’s all folks. Job done!

Leave a comment and let me know what you think.

Disclaimer - Divi is a registered trademark of Elegant Themes, Inc. This website isn't affiliated with or endorsed by Elegant Themes.
To enable us to keep some of the content on this site free, we might receive an affiliate commission if you click through and purchase products we advertise/recommend. You will never be charged more for this.