Remove Image Titles on Hover

  • Resolved goviral

    (@goviral)


    1 year, 10 months ago

    Hi,

    Currently site is under construction so I can’t give you a link but the issue is that I can’t remove the titles on hover. How do I do this?

    I’ve found a few jquery snippets but after adding them to Code Snippets, the titles still appear.

    Any help much appreciated.

Viewing 1 replies (of 1 total)

  • Hi @goviral

    I’m very sorry for the trouble — that title you see on hover is put there for screen-readers so any users visiting your site with disabilities can have the page read to them. This is considered very important for Google when they crawl through your site and is also good for SEO.

    I’m sure there is some custom JS you can use to remove this. Something like this may work for you, but, as a warning, this has not been fully tested:

    jQuery('.envira-gallery-item img').hover(function() {
    jQuery(this).data('title', jQuery(this).attr('title'));
    jQuery(this).attr('title', '');
}, function() {
    jQuery(this).attr('title', jQuery(this).data('title'));
});

    Please know a customization such as this is typically outside the scope of support. We never recommend making any changes to your theme files directly. It’s always best to use a child theme.

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Remove Image Titles on Hover’ is closed to new replies.