Site logo

Archived topic

Space between blog grid columns

3 replies · Started by Anders on May 3, 2021

Viewing posts 1–4 of 4

Hi,

How can I decrease the distance between blog grid columns (3 cols, masonry).
I have a white body background so if I try to decrease the "layout >container >content padding" this effects content padding throughout the site, I only want the distance between my grid columns to be effected.
My content padding is 40px so even if I set "Separating Space" to 0 it's not enough

I'm on localhost dev so I can't share a link but everything is pretty much default GP Premium

Thanks!

Hi there,

try adding this CSS:

.generate-columns .inside-article {
    padding: 10px;
}

Hi,

That doesn't work very well as it makes the side margins not align with the header and rest of the site.

...guess I could create an element with display rule for blog that has a more narrow width which would correct/make up for that margin issue.

Thanks!

Unfortunately hard for me to replicate the issue without seeing the site.... but its sounds like you found a solution!

This archived topic is closed to new replies.