Archived topic
Extra space between images
7 replies · Started by Sanne on July 13, 2021
Goodmorning, i'm working on an artist website. She has very specific wishes... She wants a table/column-rows solution with 25 seemless images on her frontpage. https://www.marieoosterbaan.nl/homepage/
The last extra empty pixels to code away - i can't find them. It has to do with
class="wp-block-image size-large"...
Can anyone help me with a css solution for this?
Thanks!!
Sanne
Hi there,
try adding this CSS:
.wp-block-image img {
vertical-align: bottom;
}
Works!! Jeeeej! Thanks David!
Sanne
Glad to be of help.
Hi David,
After my client updates whe has the same problem as a few months ago. Now the whitespace is between columns. Do you have an other clever css solution... Many thanks!
Sanne
Hi Sanne,
I think in the latest version of WordPress, if you select the Columns block then there is a Gap setting in the sidebar - you can set that to 0
If not then add this CSS:
:root {
--wp--style--block-gap: 0;
}
Thanks again, and very much!
Glad to be of help