Fix Avada Displaying Image Title on Hover

>Fix Avada Displaying Image Title on Hover
  • image title on hover

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:

  1. 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.
  2. 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.

avada theme support

That’s wrong for the reasons I pointed out above.

After some more explanation, they recommended this plugin, which is too outdated and unnecessary.

avada support

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.

Copy to Clipboard

avada code to remove image title on hover

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!

WP Rocket - WordPress Caching Plugin
By |2018-11-20T21:15:06+00:00November 20th, 2018|Fixes, Themes|2 Comments

2 Comments

  1. Miro December 11, 2018 at 11:54 PM - Reply

    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.

    • ThemeSkills December 12, 2018 at 10:16 AM - Reply

      Thank you very much! I appreciate it! And I’m glad that the post helped you out!

Leave A Comment

SUBSCRIBE BEFORE YOU GO?

- Get guides and offers right into your inbox -

The type of emails that you would like to receive (multiple selection allowed):

You can unsubscribe at any time by clicking the link in the footer of the emails. For more information, please check the privacy policy.

I use MailChimp as my emailing service. By subscribing, you understand that your email and preferences will be transferred to MailChimp. Learn more about MailChimp's privacy practices here.

close-link