[Resolved] Blog archive masonry grid spaceing

[András]

Hi there,

Since I updated the theme the spacing on my blog archive masonry grid has been changed. Can you help why? And how can I fix it?
https://share.getcloudapp.com/xQuODkxJ
https://share.getcloudapp.com/geuOwD1E

Thanks,
András

[Fernando]

Hello Andras,

For reference, can you provide the link to the site in question so we can take a closer look?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[András]

Hello Fernado,

Yes of course.
Hear is the website URL.

[Fernando]

Thank you!

Can you temporarily disable Litespeed Cache first? We’ll re-check how it looks afterward.

[András]

Hello Fernado,

I have disabled Litespeed Cache.

[David]

Hi there,

did you resolve the issue ? As this topic has been marked as resolved ?

If you have not, please resupply the site URL as we auto delete an private information when a topic is marked as resolved.

[András]

Hi David,

Thank you for your message. No it is not resolved.

[David]

Hi there,

that spacing comes from the Content bottom padding set in the Customizer > Layout > Container.

Can you reduce that ?

[András]

Hi David,

Yes but if I reduce that spacing, to make even the spacing between my blog cards.
https://share.getcloudapp.com/wbuvKoOn
Than cause the spacing between the footer and the content going to disappear
https://share.getcloudapp.com/jkuOYdkW

How can i keep equal distance between cards and more distance between content and footer?

[David]

Add this CSS:

.one-container #content {
    padding-bottom: 120px;
}

It will add the padding just to the bottom of the content container.
Then reduce the padding in the Customizer

[András]

Thanks David,

Have a great day.

[András]

Hi David,

Using CSS code has the following effect on other pages.
https://share.getcloudapp.com/eDunwzy4
The effect of this CSS cod is the same as if I increase the top-margin for the footer element.

So because of this I think I have to build a separate footer for the archive pages?

I just like to note this was not the case before the theme was updated.

[David]

Odd, as there was no change to the theme that should have changed that. Ill take a look into that.

Did you resolve the issue ?

[András]

You mean on my site? Or this topic? Yes but I think it is a temporary solution. I have created another footer element with higher margin, just for the archives pages. I think this is not a perfect solution because if my archive pages had a background color, then they would no longer work. And also in this case always have to make a separate footer element for the archive pages. It would be great to control separately the spacing between the cards and the bottom margins of the container.

[David]

Yeah, there are some theme settings that we need to unpick so they don’t “interfere” with the block element content template.

How about using this CSS to change the content templates bottom padding instead ?

#page .generate-columns-container .dynamic-content-template {
    padding-bottom: 10px;
}

[Author]

Posts