No Captions In Tiled Gallery?

The?Tiled Gallery?block doesn’t support captions (either per image or for the whole block) yet.

One alternative is to use the?Classic?block to add a Tiled Gallery which will allow you to add captions.?There is more on how to do that here.

Another option would be to add several images into an Image block, which will be displayed in a gallery. Captions will be shown with those images.

Classic Block isn’t working for me at all, so that’s no good either. I may have to find another gallery plugin to use, then.

Hey @manek43509,

Classic Block isn’t working for me at all, so that’s no good either. I may have to find another gallery plugin to use, then.

Could you check that you have Tiled Galleries activated? This is not required by the Tiled Gallery?block but needs to be activated if you want to use tiled galleries with the Classic block.

You can check that at https://www.manek.org.uk/wp-admin/admin.php?page=jetpack_modules

See the screenshot: https://d.pr/i/h8yupR

I have also reported your feature request in the Jetpack GitHub repository.

Hi @manek43509,

It has been more than one week since we have heard from you, so I’m marking this topic as resolved.

If you have any further questions, I recommend continuing the discussion over at GitHub where @pehaa reported your feature request:

https://github.com/Automattic/jetpack/issues/11794#issuecomment-1459685980

Thanks!

Thank you, I have resolved a plugin conflict and I’ve got the Classic Block to work, so I now have captions in Tiled Galleries again.

However, the captions always overflow slightly to the right of the image element. I have tried adjusting this in CSS (using width and margin-right or padding-right attributes) without much luck. Weirdly, I can make the captions wide (ie. overflowing even more) but not any less wide!

Could you help me with this, please?

I notice the CSS uses the itemprop value. Could that be something?

Hypothesis:

itemprop.tiled-gallery-caption {
   width: 100%;
}

Would that work, for example?

Where can we see a tiled gallery on your site so that we can check that?

https://www.manek.org.uk/2022/10/25/90s-jam-at-ego-perth

Hi @manek43509,

Thank you for sharing the link. It looks like you have found a solution to display the captions in the way you wanted, great job!

Just a reminder as mentioned previously, we do have a feature request in place for enabling captions in Tiled Gallery without the need for custom CSS. Once this feature is implemented, you won’t have to rely on workarounds to display the captions.

Hello again!

I have just had to deactivate Jetpack in order to resolve an issue. On reactivating, the custom CSS I added in order to enable captions on hover in Tiled Galleries is no longer working.

I haven’t changed any of the CSS… have the classes of the Tiled Gallery block changed at all?

Hey again @manek43509,

Are you referring to the styles added here – https://www.manek.org.uk/?custom-css=7b1569269 ?

I haven’t analyzed the entire stylesheet, but the color declarations (white text on dark background) from the file do work for me.

Can you check if the issue persists? Please make sure to clear your browser’s cache.

If your custom CSS is not working, please share how you added the style and the declarations that are not applied.

Thank you!

Yes, they are working now (including the customisations in my CSS) because I have reverted to using the workaround suggested above of using the Classic block and inserting a Tiled Gallery from there.

In the past (before updating to WordPress 6.2), I had been able to make the captions in a Jetpack Tiled Gallery block appear by using the figcaption attribution in CSS. Apparently this is no longer possible? I have had to convert all my galleries back to Classic Block.

Hey @manek43509,

In the past (before updating to WordPress 6.2), I had been able to make the captions?in a Jetpack Tiled Gallery block?appear by using the?figcaption?attribution in CSS. Apparently this is no longer possible??

That’s correct. Captions are currently only available with the workaround within a Classic Editor Block. However, there is a feature request addressing enabling them in the Tiled Gallery Block, and this thread is mentioned in the report.

I am confused what CSS you are referring to when saying:

I have just had to deactivate Jetpack in order to resolve an issue. On reactivating, the custom CSS I added in order to enable captions on hover in Tiled Galleries is no longer working.

I haven’t changed any of the CSS… have the classes of the Tiled Gallery block changed at all?

In the current version, with the Tiled Gallery Block, the text from the caption is not inserted into the gallery markup. Consequently, it can not be displayed or hidden with CSS rules.

I hope this clears things up, but please let me know if you have any further questions or if I misunderstood your issue.

Up until deactivating/reactivating, I had been able to make captions appear in a Tiled Gallery Block using CSS. Maybe that was a bug I was exploiting? But it did work!

I’m seeing captions on hover on this page.

I assume you found a way to get the Classic block to work for you again.