Site logo

Archived topic

Extra space between images

7 replies · Started by Sanne on July 13, 2021

Viewing posts 1–8 of 8

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

This archived topic is closed to new replies.