Hi
There are no plans to change the position of the caption of the images in the gallery block in the theme.
This design that you are describing is not added by the theme, it comes from the gallery block itself.
What you can do is:
– Write your own custom CSS to move the caption. The selector to target in this case would be
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption
– Not use a gallery block but still display a combination of images using for example group or columns blocks.
– Find and install a gallery plugin that fits your needs.
Hi, Carolina.
Thank you for your reply. I though that the caption behavior were introduced by the theme.
For my parent’s sites, I’ve chosen our second option: display a combination of images using column and groups.
This works form me to show the captions below the images on smaller screens:
@media (max-width: 782px) {
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
backdrop-filter: none;
}
.wp-block-gallery.has-nested-images figcaption {
position: relative!important;
text-shadow: none!important;
background: white!important;
padding: 0.5rem!important;
color: black!important;
}
}
Please adjust the colors and paddings to your needs. To always show the captions below their images just remove the surrounding media query (@media).
Thank you, Szerner. I ended using the Instagram gallery block as a basis. It worked, but without the features you can find in the gallery block (rearrangement of images, etc).
