How do I add Image Gallery Caption using the original editor?

[RosieRabbit]

I've added a gallery elements to one of my web pages. No problem uploading images etc but how do I get the captions to appear underneath each thumbnail instead of across them which totally spoils the images? Thanks in advance xx

[Queso]

Hey there! You may want to try having the caption set to appear in the lightbox, rather than in the thumbnail itself. If you'd like the text to be below and outside the image, it may also be better to use a separate Text element for it entirely.

[synesthasia]

How do you add a text caption in lightbox?

[Adam7 · Accepted solution]

After adding your caption for each image, click on the gallery element again, choose the caption option, then check what you have for the thumbnail option. Default is lightbox only for captions.

[jakejoyartist]

Hi - I have a gallery, but no option to add a caption. I can change the option for 'caption to appear when hovering' but I am not able to enter a caption any where. What am I missing? 

Thanks

[Bernadette3]

Really sorry for delay, @jakejoyartist 

If you double-click on the image in the editor you should see a little black bar pop up with additional options for you. 

Hope this helps you out.  

[kabostudio]

what can you do when that menu don't appear, when I double click it simple highlight the picture and the one next to it…
Recently change to an Appolo theme, 

[Adam7]

You might need to temporarily switch to a different theme to enter your captions, and then switch back to your custom theme.

[Earthpaint]

Single Image's appear to have a below the image text setting. May need to scrap the gallery, which has flaws not yet fixed.

There is setting in the pop up when you click over the gallery. In this area you can select the thumbnail, hover, full setting.  However, the bigger issue is that the captions are all lost in mobile IF using more than two rows of images in the gallery. 

So for instance, If you spend two entire days trying to put 12 product categories and a few dozen products image links, like I just did, then you will want to know this in advance. Can't use the weebly store because it's not up to snuff. Just need drag and drop but the gallery will not crush to mobile with more than two rows. 

This means no mobile users will know what the images mean. Can't hover on a touch screen, right? It's just blind tapping and hoping for the best!

The fix is to only use two rows and set the image captions to FULL thumbnail. Complete image cover. 

The idea of using lightbox text doesn't work for mobile and is inconvenient for desktop. 

Text below the image solves the mobile unfriendly flaw sort of but not in the image gallery, so you don't want to do a buch of work (like I did) and find out that your site is not useable on an iphone or android (like I found out to my surprise). 

It's a rant. I'm sorry. Hope it helps.

T

[ewines]

How do you get text below the images in gallery?

[Ruger]

Were you ever able to get the captions to show below images in gallery view?

[JessicaC3]

@Ruger I found a bit of code in my theme that controls the gallery captions. I wasn't able to make them display below but I tweaked it so the caption box doesn't cover the whole image which serves my purposes perfectly well:

.imageGallery .galleryCaptionHolder {
  top: 1;  //*changed from 0 to 1 to move caption to bottom of picture. no idea why this worked.*//
  left: 0;
  right: 0;
  bottom: 0;
  height: 25%; //*changed from 100% to 25% so the caption fade effect wouldn't blackout the full picture*//
}

So far it looks good on all devices I've checked.

Hope this helps.

[Queso]

Thank you for the contribution, JessicaC! That's definitely an interesting way to make the adjustment.

[Soul2soul2018]

How do you get to the code editor?

[Bernadette3]

What are you trying to edit @Soul2soul2018?