Hide messy tooltips on image link hover

You know when those little standard built in features get in the way of things looking pretty? I know you do. One of my pet peeves it the title display tooltip on image hover. It can happen on images and links, and happens for saaaahhhh many reasons.

Don't know what I mean? This thing here. UGLEH.

It hangs over pretty images, and in the cases of nice portfolio galleries and menus it can actually get in the way of content. What makes it happen in the first place? Themes and/or browsers grabbing the title of the image or link, or the alt text, and displaying it to be helpful. And sometimes it is! But not always, and for some clients downright bloody annoying.

Time to go, tooltip text. Time is up.

Options for dismissal? Delete all your alt text and image titles. NO!!!!! Total sarcasm there. An SEO disaster. Search engines wouldn't know what your images were about and Yoast would get all red lighty on you.

Here's the good and working solution. It removes the title of links, not holus bolus all image titles and alt text.

To run this one, you need an enququed js file in your theme. And the confidence to drop something in it.

See the Pen Disable tooltip on image link hover by Sarah Crawford (@ALinedDesign) on CodePen.

Howzat? Good, hey!

To scared to give this a go yourself? Hit me up and I'll give you a hand.

What built in solutions do you find irritating? Let me know and we can find a solution together.

2 comments on “Hide messy tooltips on image link hover”

Leave a Reply

Your email address will not be published.

a lined design logo with circular tagline salt pink rgb
We’re a creative brand and web design agency based in Hobart, Tasmania servicing clients all around Australia and the world. We specialise in helping creative entrepreneurs shine online.
data privacy certified agency partner
members
Awiaartboard 1
members
Agda
proud sponsor
Kivaartboard 2
Wpe Badge Hq
your voice matters
lgbtq+ rainbow flag quasar progress variant
Copyright © 2016 – 2022 Sarah Crawford t/as A Lined Design
magnifiercrosschevron-downcross-circle linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram