Site logo

Archived topic

Space Between Masonry Grid Posts on Archive Page

7 replies · Started by Anthony on February 27, 2022

Viewing posts 1–8 of 8

I'm using the Construction site template and on the category archive pages I'm having trouble getting rid of the padding that's below the grid items.

Like seen here: https://sccustombuilds.com/category/fences-decks/

There's just a large gap below the masonry items. Any idea how I can tighten this up?

I see this code:

.one-container.archive .post:not(:last-child), .one-container.blog .post:not(:last-child) {
padding-bottom: 100px;
}

But, when I change the padding it's not helping.

Thanks

Hi Anthony,

Can you try disable all your other plugins except GP premium and GB to test?

Let me know :)

Hmm, I deactivated everything except GB, GP, and GP Premium and it's still showing these gaps

There're still some cached CSS.

Can you make sure server cache is cleared as well?

My first move was to clear the server and object cache. I just tried again now. Still nothing. Tried incognito window and everything. When I inspect it's showing the 100px bottom padding but I can't seem to get rid of it.

Hi Anthony,

Here's something to try:

Can you go to Appearance > Customize > General and regenerate the CSS for Dynamic CSS Print Method?

Alternatively, can you try changing the Dynamic CSS Print Method to Inline embedding?

Inlining did the trick.

I'll have to keep it inlined haha

Thanks!

No problem. :D

This archived topic is closed to new replies.