If you have defined titles for the media images in your WordPress website and want to disable the title when you hover on your image on front-end of the website then it could be a real pain because it will require editing to each media image and manually removing of the title can take a lot of time.
In order to remove all the title from all the media images of WordPress in bulk, the below code can used in the functions.php file of your Child theme.
Copy to Clipboard
OR
the below JavaScript code can be used before the close of your head tag. For Avada theme users, you can put the below code in Theme Options -> Advanced -> Code Fields -> Space Before Head section.
Copy to Clipboard
The Avada Solution on this worked perfectly fine for me. Big thanks Muhammad :)
Awesome and you’re welcome :-)
Didn’t work for me …
I tried the Avada solution and functions.php….
any idea why?
Try the JS code as well.
Thank you for this Nice Tutorial. It works fine – and i used Avada
Great :-)
Developer tools browser > Inspect > Find CSS Class on the image and apply the follow css with Pointer-Events = Disabled.
This worked for me!
CSS classes below are for Flatsome theme. Yours might be different so check and change the class name.
.skip-lazy, .wp-post-image {
pointer-events: none;
}
works perfectly on Flatsome! (after MANY attempts with other methods). thank you.
THANK YOU SO SO MUCH.
This was the only thing that works perfectly on Flatsome.
Thanks a lot, works like a charm!
The code for the functions.php page did not work for me, but the JS code did! Thanks! Big help.
Glad to hear JS solution worked :-)
The Javascript code worked for me! Thank you!
Awesome :-)
I tried both the options and It worked perfectly on some of the pages but not at all on others… Any idea how to fix this?
Great post! JavaScript code is rocket ;) Thank you!
Hello Muhammad! Are this script blocked focus keyphrase in Yoast SEO ?
Superr!Thx,
Thank you!
Funciono para mi Gracias !!!
For Astra User
*/wp-admin/theme-editor.php?file=header.php&theme=astra
Select the header.php and you can put the above code between *** tags
It’s work for me …
the JS code didn’t work for me …
Now its Ok…
worked perfectly, thanks
You’re a life/timesaver! Thanks so much!
Great.
[…] ai suggerimenti che appaiono quando passi sopra un’immagine (come si vede in questo post https://www.webzando.com/blog/remove-hide-title-wordpress-images/). Desidero disabilitare la visualizzazione del titolo al passaggio del mouse senza rimuovere tutti […]
Tried both but neither worked for me, any ideas why? Using Woostify theme