Alt text of the image

Hi Rahim, yes thanks. Hope you are doing fine too ??

You could try this script in a Custom HTML widget in a footer zone (or sidebar):

<script type="text/javascript">
jQuery(document).ready(function($){
  $('a[href*=".jpg"],a[href*=".jpeg"],a[href*=".png"]').each(function(){
    var capt = $(this).parent().find('p.wp-caption-text').text();
    if (capt.length > 0) {
      $(this).attr('title',capt);
    }
  });
});
</script>

Hi there,

Thanks very much for the great plugin. How can I pull the photo or media’s description in the overlay instead of displaying the “alt text”?

I tried the this code but it did not work. Thanks very much!

<script type="text/javascript">
jQuery(document).ready(function($){
  $('a[href*=".jpg"],a[href*=".jpeg"],a[href*=".png"]').each(function(){
    var capt = $(this).parent().find('p.gallery-item-description').text();
    if (capt.length > 0) {
      $(this).attr('title',capt);
    }
  });
});
</script>

Hi @hsaada it depends on how your images are embedded on the site and if the description text is present at all. If you can share a link to an example on your site, I can take a quick look.

Thanks for looking into this. The photo description is available in the thumb view page but it’s hidden with CSS.

Here’s a direct link: https://www.academyfence.com/codes-and-permits/new-jersey/morris-county/madison/

(gallery is at the bottom of the page)

Thanks again! ??

Ok, try replacing the $(this).parent() in the above script with $(this).closest('.gallery-item')

Thanks man! it worked!! I tried to correctly traverse the DOM to get to it but wasn’t successful.

Thank again and enjoy the rest of your day/night! ??

.parent().parent() might have worked as well ??

Good to know! Thanks again for your help! ??