Remove Hover Text for Display Images

Hi,

How can I remove the hover text when my cursor lands over the images?

Thank you!

Hello LJ,

I hope you are doing well today.

Please try adding following code to Functions.php file in Appearance > Editor.


function add_custom_tooltip(){
?>
jQuery(window).load(function(){
jQuery('a').removeAttr('title');
jQuery('img').removeAttr('title');
});
<?php
}
add_action('wp_footer', 'add_custom_tooltip');

Best Regards,
Support

Hello,

That didn’t work…

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Hi Movin,

Yes, of course!

It’s lienjae.com. Please hover the cursor over the images and the text box will pop up.

Thank you,

Lien

Hi,

Go to Appearance -> Customize -> Additional CSS, and add this,

.single-featured:hover {
    pointer-events: none;
}

Let us know,

Thanks,
laranz.

Hi,

I tried it and it didn’t work either…

Hello LJ,

Thanks for keeping in touch.

That is a default browser feature which we don’t have control over. You can try to remove the title attribute on the image itself by going to Media > Library panel and edit the image from there.

Best Regards,
Support

I don’t see shared javascript code on your site.

Where have you added the shared code?

Hi Movin,

Thank you for your help!
I never added a javascript — I added the texts on the images themselves. I was wondering if there’s a code to hide the title att?

What i am telling you is please use the code shared above in the following reply.

https://colorlibsupport.com/t/remove-hover-text-for-display-images/#post-105742

As mentioned in the responses above, neither solutions given solved this issue for me. I’ve tried using both of the codes above.

You can try achieving this by using the attached small plugin specially developed for you that contains some custom code.

Hi Movin,

Thank you kindly for your help, time, and effort! That plugin solved the issue! Thank you so much!!!

You are most welcome here :slight_smile: