I had a client ask this morning how to stop the ‘link titles’ from appearing when you hover over a link on his website. He found it very annoying and believed others would too.
After looking around the net for a solution – this took several hours, I discovered various options that were certainly very outdated and Google really couldn’t give me a solution that was for 2012/ 2013… however…
I finally found a solution and it’s all in the form of a piece of Javascript and it works a treat. Once again I am not sure why anyone would want to hide those title links but sometimes when a client stresses they want it removed…. we go with what the customer wants.
<script type=”text/javascript”>
window.onload = function() {
var alinks = document.getElementsByTagName(“a”);
for (var i = 0; i < alinks.length; i++) {
alinks[i].removeAttribute(“title”);
}
}
</script>
This is the scripting you need and for a site built using WordPress you would open up the header.php page of your theme and insert the coding before the closing head tag </head> – this means it will be effective on all pages..
Please be aware that my client was using Chrome and before I added this piece of coding, seeing the Link Titles was not showing in FireFox unless there were actual titles added to every link.