Due to a confusion between the Media Library Title and Image Title Attribute in WordPress, the Avada theme (affiliate link) is showing the image title on hover when you use the Image element from the Fusion Builder.
That’s wrong because:
- The Media Library Title is not designed by WordPress to act as a title attribute that appears inside of the
<img>tag. The “Image Title Attribute” option does that, so they are different things. Find out more info from the link above. - If you want to prevent the image titles from appearing on hover, you’ll have to remove them from the Media Library. Besides being annoying and time-consuming if you didn’t do that until now, this will also remove the titles from the attachment pages, galleries, and other things that might use them.
I contacted support, and they do seem to confuse things.
That’s wrong for the reasons I pointed out above.
After some more explanation, they recommended this plugin, which is too outdated and unnecessary.
I’m saying it’s unnecessary because I found a quick fix that doesn’t require a plugin.
Surprisingly, the author of the fix was one of Avada’s own support reps! :)
So, I’m going to share that solution with you here as well, because the more exposure it gets, the more people can be helped!
Prevent Avada from displaying the image title on hover
If removing the image titles manually from the Media Library will take a lot of time or cause other issues (e.g. disappearing from a gallery plugin), then use the following fix.
Log in to your WordPress Dashboard, then go to Avada > Theme Options > Advanced > Code Fields.
Once you’re there, add the below code in the Space before </head> box.
Note that this code will remove all the image titles from your site’s source code (the ones in the <img> tag), not just the ones from Avada’s Image element.
Unfortunately, there’s no solution only for that part, and I tried my best to explain the issue to the support.
It seems like Avada has a thing with images because I discovered another issue where it removes the ‘rel’ attributes from image links if the Lightbox feature is enabled.
I contacted them about that as well, and they said that it will be fixed, but they didn’t offer an exact time frame for that.
That’s a wrap
I hope this fix worked for you, and the image titles added by Avada were removed, preventing them to appear on hover.
Don’t forget to share the post to help out others!
You can quickly subscribe to my newsletter by using this link.
If you have any questions or thoughts, drop a comment or send a message via contact or Facebook page.
You can also hit the follow button on Twitter and subscribe to the YouTube channel.
My WordPress installation service for blogs or websites is at your disposal!
On-going WordPress support and maintenance services are on the menu as well!
Hi Radu, thank you for this great fix, the image title on hover in Avada was doing my head in. I really like the design of your website by the way.
Thank you very much! I appreciate it! And I’m glad that the post helped you out!
Thank you so much for this fix, Radu! I have spent ages looking for this fix and nothing worked before.
You’re most welcome! I’m very happy to see that the post is helping people out. :D
Thank you for this solution, works like a charm and it doesn’t add an extra plugin to the list of plugins. Which I really appreciate :)
I’m glad it works! I like having as few plugins as possible myself.
HI, At my site (also AVADA) this is not working. Any idea why?
Hello! Have you tried clearing the browser and any site cache that you might have?
Thanks!!! Couldn’t find a decent css fix, this works great.
Hello,
Since the last update Version: 6.2.1, this script is no longer working…any idea why?
Thank you
Try this line instead of old one for new version:
$(‘a[title]’).each(function() { $(this).removeAttr(‘title’); });