Well i do not see any tooltip on firefox. The first image has one title tag. so on hovering it there is no tooltip.
Chrome did it too – only safari after a few seconds – allthough the title tag is empty – it shows a tooltip – do not know why.

Actually, I’m noticing the tooltip still shows up if you hover over the caption — not the end of the world, but let me know if you can think of a fix for that.

I had already removed the gallery-title fix. I’ve now also now set the Javascript file merging and compression to Disabled, checked the box to Delete old CSS and JS files, cleared the Managed WordPress cache and browser cache several times — no luck; the tooltip still shows on the first image on http://l2f.0b8.myftpupload.com/f-r-a-g-m-e-n-t-s-chaos-mixed-media/ . This is the correct function, right — just this?

function remove_standard_tooltip(){
?>
<script>
(function($) {
$(window).load(function(){
$('a.lightbox-added .av-masonry-image-container').hover( 
  function() {
        $(this).attr("orig_title", $(this).attr('title'));
        $(this).attr('title', '');
  }, function() {
        $(this).attr('title', $(this).attr("orig_title"));
  }
);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_standard_tooltip');

remove the gallery-title fix
and refresh all cache – and refresh the merged files on Enfold / Performance : Delete old CSS and JS files?

and this is for masonry with flexible image sizes. As said on top

function remove_standard_tooltip(){
?>
<script>
(function($) {
$(window).load(function(){
	$('a.lightbox-added .av-masonry-image-container img').hover( 
	  function() {
	        $(this).attr("org_title", $(this).attr('title'));
	        $(this).attr('title', '');
	  }, function() {
	        $(this).attr('title', $(this).attr("org_title"));
	  });

	$('a.lightbox-added .av-masonry-image-container img').click( 
	  function() {
	        $(this).attr('title', $(this).attr("org_title"));
	});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_standard_tooltip');

see here: https://webers-testseite.de/masonrygallerie/

please see that there is on your case the img in that code
$('a.lightbox-added .av-masonry-image-container img').hover(

Actually, sorry to confuse you, but for me, using the title fields would be ok — there’s an advantage there for me in that I can use some html in the title fields (html gets stripped out of the alt fields), so I can italicize the title of the artwork in these galleries. SO, if I can just hide the tooltips, that’s all I really need. So I updated to 4.5.7, but the remove tooltip function still doesn’t seem to be working — I’m using the title field on the first image here http://l2f.0b8.myftpupload.com/f-r-a-g-m-e-n-t-s-chaos-mixed-media/ and the tooltip is showing.

the gallery title fix is ok for Enfold 4.5.6 and then try this for tooltip remove:`

function remove_standard_tooltip(){
?>
<script>
(function($) {
$(window).load(function(){
	$('a.lightbox-added .av-masonry-image-container img').hover( 
	  function() {
	        $(this).attr("org_title", $(this).attr('title'));
	        $(this).attr('title', '');
	  }, function() {
	        $(this).attr('title', $(this).attr("org_title"));
	  });

	$('a.lightbox-added .av-masonry-image-container img').click( 
	  function() {
	        $(this).attr('title', $(this).attr("org_title"));
	});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_standard_tooltip');

Thanks, Guenni007 — I have some code that seems to be basically taking what I have in the alt tags and duplicating that to the title tags (as long as the title tags are empty — that’s the first function, below — I thought I got that from you, no? So that lets me leave the title fields blank and still shows captions in the lightbox (eg http://l2f.0b8.myftpupload.com/f-r-a-g-m-e-n-t-s-chaos-mixed-media/). But, since it also basically creates title tags, the tooltips still show ;) . And unfortunately, your additional code from above doesn’t seem to hide the tooltips. So, here’s what I have — again, the first function lets me leave the title field blank and still shows captions in the lightbox, but the second function doesn’t seem to hide the tooltips. Seems to me, if we could somehow get the lightbox to actually pull the captions from the alt tag — as opposed to just duplicating the alt tag to the title field/tag — then just leaving the title fields blank would prevent the tooltips from showing. Anyway, let me know if you figure anything out — and thanks!

function gallery_title_fix(){
?>
<script>
(function($){
    $(window).load(function() {
      $('.lightbox-added img').each(function(){
            var lin = $(this).attr('alt');
            $(this).attr('title',lin);
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'gallery_title_fix');

function remove_standard_tooltip(){
?>
<script>
(function($) {
$(window).load(function(){
$('a.lightbox-added .av-masonry-image-container').hover( 
  function() {
        $(this).attr("orig_title", $(this).attr('title'));
        $(this).attr('title', '');
  }, function() {
        $(this).attr('title', $(this).attr("orig_title"));
  }
);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_standard_tooltip');

on the reason i mentioned above ( change from img to background-image ) the gallery fix will not work anymore to have alt attribute instead of title shown under the lightbox images.
Please find an alternative way to have that !!!

to solve the problem with the tooltip ( only for the new masonry Enfold 4.5.7 ! ) you can have an empty title attribute on hover:
this to child-theme functions.php

function remove_standard_tooltip(){
?>
<script>
(function($) {
$(window).load(function(){
$('a.lightbox-added .av-masonry-image-container').hover( 
  function() {
        $(this).attr("orig_title", $(this).attr('title'));
        $(this).attr('title', '');
  }, function() {
        $(this).attr('title', $(this).attr("orig_title"));
  }
);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_standard_tooltip');

do you have a link for me to the gallery?

it seems that the standard html tooltip has its source on the av-masonry-image-container title tag
So it may work to have on hover an empty title tag there but on click again the original title tag.

Try this in your child-theme functions.php :

just a moment – i had to proof the code first

• This reply was modified 6 years, 7 months ago by Guenni007.

Yes, but it seems to still be pulling from the title tag — the script seems to just duplicate the alt tag to the title field, and the captions still pull from the title — I was asking if you had a snippet that would actually pull from the alt tag, so I could maybe get rid of the titles and thereby avoid having the tooltips pop up over the thumbnails.

Thanks, Victoria. Actually, Guenni007’s script seems to duplicate the alt tag to the title tag, if the title tag’s left blank. But that causes the tool tips to show when hovering over thumbnails in the masonry gallery. What I really need is to somehow have the lightbox actually pull the captions from the alt tags, so I can leave the title fields blank and thus prevent the tooltips from showing. Do happen to have a function or filter that tells the lightbox captions to pull from the alt tags instead of title tags?

Thanks again!! Here’s an example of the galleries I’m working on http://l2f.0b8.myftpupload.com/natural-and-organic-oil-paintings/

Is there a way to have the lightbox captions pull from the alt tag instead of the title tag? That way we could prevent the tooltips from showing by just leaving the title fields blank, right? Thanks!

how to show the existing arrow ?

Edit: found it – i set the tooltip including the arrow to width auto :lol
the arrow needs an absolute given width.