How to show captions?
-
Hi, nice plugin ??
I have some problem with captions. I want to show image caption by adding css class on img tag.
LOOP:<li class="services-list__item service"> <figure class="service__thumb"> <?php the_post_thumbnail('large', ['class' => 'service__img light-box', 'title' => 'test']) ?> <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption> </figure> </li>Caption and Description added on images, but but they are not shown.
What I am doing wrong?
Img alt, title, caption and description added, but none is shown.
Help please
-
Hello brad,
To add a caption to an image in WordPress, go to the Media library area of the WordPress admin and click to edit an image. There will be a field there to add in the image description.
Could you provide a URL to your page so we can take a look? There might?be some information in the browser developer console that could identify the issue you’re having.
Also, to try to isolate when this issue happens, could you please try creating a new page on your site and not using the Elementor editor? Enable the “All WordPress Galleries” option in our plugin and then place a WordPress gallery block on the new page. Does the lightbox correctly display the overlay/captions there?
For your second question, what do you mean? Are you talking about the thumbnails that show below the image in the lightbox? If so, then, unfortunately, there is currently no way to have it do that. It will select/highlight the thumbnail for the image that is currently being displayed, but, if you have more images than fit in the thumbnail view, it won’t automatically scroll.
If you open the image in question, in your WordPress Media library…
…what do you have set for the Title, Caption and Description fields?
e.g.
If you fill all of those in, does the caption then display the in lightbox?
You mentioned that, when you added a WordPress gallery to a page, the captions did show. So it’s only when you use this Elementor image widget that it’s not working?
Does it work if, in the regular WordPress editor, you add a class to an image, and then use the “image with class name” option in our plugin?
Finally got time to debug the issue. It appears the code that supports “Images with Class Set Below” doesn’t include content in the lightbox. Here is the fix that got me in the right direction:
assets/js/ewd-ulb.js line 45:
+ if (description_src == 'caption') {var description = jQuery(this).parent().parent().find('figcaption').html();} + else {var description = img.attr(description_src);} +Line 50:
+ jQuery(this).parent().data('ulbdescription', description);I am using the “Add class to Elementor Image” plugin. This adds a “Custom Class” field when editing a image. I also needed to make sure that captions were turned on for each image under “Content”.
Not sure why the above code is not included as with my testing it doesn’t break anything else.
- The topic ‘How to show captions?’ is closed to new replies.
