Captions in Gallery block create gray bar below image
-
Captions on images in a Gallery block create a gray bar below the image. It appears that the “blur” gradient background behind the caption text is being shifted downward into the margin between images in the Gallery.
The link below goes directly to a Gallery that exhibits this behavior, but the problem affects ALL Galleries with captions across my site.
This is what it looks like in the WordPress block editor, and what it should look like to the user:
However, this is how the browser renders it–note the gray bar below each caption that fills the white space between the images:
My site is running WordPress 6.9 with Spacious 1.9.12.
Deactivating all plugins had no effect. All plugins are up to date.
The problem did NOT occur when I temporarily switched to the Twenty Twenty-Five theme, which indicates that the issue is in the CSS for the Spacious theme.
The page I need help with: [log in to see the link]
-
Hi David,
I am using the same theme for my gallery and had the same problem.
I have changed the CCS in the customizer, you can change these settings for your needs:.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
margin-bottom: 1.4em;
padding: 0px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
display: none;
}Maybe Theme Grill admins can update spacious theme, so we don’t need this anymore…
best regards, Frank
Thank you, @frankddo! That bit of CSS did indeed fix the problem. Hopefully ThemeGrill will include it in their next release of Spacious, as you said. I appreciate the help!
Best,
David
You must be logged in to reply to this topic.
