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. Required fields are marked *

a lined design text on biscuit pink rgb

In today's digital age, having a strong online presence is crucial for businesses. That's why it's essential to work with a web development company that not only understands the technical aspects of building a website but also has a strong focus on creative design.

We specialize in creating custom websites that are not only functional but also visually stunning. Our team of experienced designers understands the importance of a website that truly reflects your brand and engages your target audience. From eye-catching graphics to intuitive navigation, we'll work with you to create a website that is tailored to your unique needs and helps you stand out from the competition.

So if you're looking for a web development company in Hobart, Tasmania, that prioritises creative design, look no further than our team of experts.

data privacy certified agency partner
Best Web designers in Hobart
proud sponsor
Kivaartboard 2
Wpe Badge Hq
your voice matters
lgbtq+ rainbow flag quasar progress variant
Copyright © 2016 – 2024 Sarah Crawford t/as A Lined Design
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram