Blog masonry spacing + mobile responsive page

[Mikael]

Hi,

I am working on redesigning my website with GPP + GB.

I have a couple of questions.

First, on my blog page I am using masonry style. I do, however, think there is too big spacing below the featured image before the title. And also below the title and before the excerpt. Is there a way to make this a bit smaller?

Also, I have a page with some joining button I am trying to recreate (will share link below). I do just not think it really looks good on mobile as the images just go below each other and not side by side even when there is room for it. How can i fix it and make it more responsive to mobile?

Thanks

[Leo]

Hi there,

– Try this option here:
https://docs.generatepress.com/article/content-separator/

– Which page are you referring to?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

Thanks,

Following what you send works but the problem is it then does it for the whole site and then the spacing looks strange other places. Is there a way to change this spacing just for the blog page?

I had shared a link to the other page in the separate box for sharing links to my website but maybe it did not work.

Here it is again: https://staging-paidfromsurveys.siterubix.com/join-branded-surveys

[Leo]

The site you linked is using GB so wouldn’t it be easier to use this option:
https://docs.generatepress.com/article/page-builder-container/

Then let GB handles all the padding and margin options?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

I will do that. Thanks

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

I still did not get an answer for the question earlier in this thread about the spacing on the blog page.

I followed what you send earlier and it works but the problem is it then does it for the whole site and then the spacing looks strange other places. Is there a way to change this spacing just for the blog page?

Thanks

[David]

Hi there,

can you remove the coming soon on your staging site so we can take a look at some CSS for the spacing.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

sorry, it has now been removed

thanks

[David]

The /blog still takes me to a coming soon

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

think it was a cache issue. It is working now here when I try.

Thanks

[Leo]

So the issue is resolved?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

No, the cache issue was the reason David could not get access to the page to see the issue. That has now been resolved so you can go to the blog page on the website and see the spacing I am referring to.

Thanks

[Leo]

I’m still seeing WP Rocket activated in the source code.

Can you disable it under the list of plugins?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mikael]

I am a bit confused why you mention WP Rocket is still activated? There has been no mention of that plugin earlier in this thread.

Does it conflict with GPP? Because I use it to speed up my site.

[Author]

Posts