Gallery Plus captions

Hi there,
Can you provide a frontend URL (you provided a link that only you can see) so I can have a closer look?

EDIT:
Well in general captions will be shown by default when you hover over the image but not in the lightbox(which depends on which lightbox your theme uses).

• This reply was modified 6 years, 10 months ago by Fotis.
• This reply was modified 6 years, 10 months ago by Fotis.
• This reply was modified 6 years, 10 months ago by Fotis.

Thanks. The URL I provided is for the Staging site which is what is up presently. I found that hovering over the image in the thumbnails shows the “alt text” but not the Caption I included.

Hi there,
The URL you provided will only be visible to users logged in.

If you need to add captions also, you will need to make code changes in the plugin.
Open ep-justified-gallery.php
and add
<div class="c"><?php echo wp_get_attachment_caption( $id ); ?></div>
after
<img src="<?php echo esc_url( $img['0'] ); ?>" alt="<?php echo esc_attr( get_post_meta( $id, '_wp_attachment_image_alt', true) ); ?>">

Then add

.justified-gallery>a>.c{
    position: relative;
    bottom: 0;
    padding: 5px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif;
}

in your custom CSS box.

This will make your caption appear before your image.

Try installing the WP Editor plugin to enhance the default editor, or use the default editor if you have the latest WordPress version and navigate to the /plugins/elements-plus/elements/ folder to find the file.

This is a quite difficult task and since it is not supported natively from the plugin.
We will try to provide this kind of functionality in future updates though.

Thanks. Fotis. I will try the code. I just don’t understand why in the Elementor Widget setting for this Widget there is a “Caption” section in “Styles” to change the color and typography and also when you collect the images from Media Library that you want to add it says something like ” add caption here..” under each pic. this is before you “create gallery”. The only text I can get on each image after they are added and I open the URL is a hover that comes from the alt text.

Thanks again. The code seems to work. The captions show on the top of the image. There is also a hover on the bottom of the image that is kind of transparent which I like but It seems to show the image title. Anyway to get the caption to show on hover at the bottom of the image with a transparent bg?

Hi there,
This means it would remove the title that appears there?

So you can Replace
<img src="<?php echo esc_url( $img['0'] ); ?>" alt="<?php echo esc_attr( get_post_meta( $id, '_wp_attachment_image_alt', true) ); ?>">
with
<img src="<?php echo esc_url( $img['0'] ); ?>" alt="<?php echo wp_get_attachment_caption( $id ); ?>">
in the same file.

Perfect! I admire your PHP skills! I guess that I don’t need that css file. Yes?

Hey. Is there simple code to add a transparent like slide transition over the image?

Hi there,
Yes, remove the unwanted css, we dont need it anymore.
Can you explain more what do you mean by slide transition? Can you maybe provide an example for this?

OK. There is a plugin called Image Caption Hover I think that I played with. It allows for some interesting transitions that affect the image, not necessarily the caption

Glad to hear you found a solution on this.

Sorry I think you misunderstood. I used your code for Elementor Plus Gallery Plus for the captions and it worked perfectly and that’s what I’m sticking with. Thanks again!

I still am curious why the Widget (Gallery Plus!) doesn’t work out of the box.There is a Caption section under Styles that now works after I added the code you provided, but why is it not functional without your code?

Hi there,
that’s great!
Well captions are not supported yet in Gallery plus,so you will need my code, but we will consider adding this in future versions of the plugin.

I’m surprised because in the Widget settings there is a Caption section under Styles that works fine with your code but without it does not work.