Create separations on static pages similar to blog archive pages?

[Marek]

Hey guys,

On blog posts, there is a separation between the content of the blog and the comment section. There is also separation between each blog post on an archive page.

My question: is there anyway I can create that separation on a static page to visually divide topics and make information easier to consume? Is there a way of doing this without using sections?

Thanks a bunch!

[Leo]

Hi there,

I’d recommend trying our upcoming GenerateBlocks plugin:
https://generateblocks.com/

The container block would be what you are looking for:
https://docs.generateblocks.com/article/container-overview/

Let me know if this helps 🙂

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

[Marek]

Hi,

I tried using the Container Block and it didn’t create the separation I wanted. I’m not sure if what you recommended was supposed to create that separation visible between different blog posts, or if it was just to help divide information an alternative way.

I would like the body background showing between different containers. Is it possible to get that level of separation you’d see on a blog archive page on a static page to help divide sections?

If not I will continue to block elements together, make them full width, then change the color to divide information that way.

Thanks!

[Tom]

Hi there,

You would need to give the page a transparent content background.

Then you could add containers (using GenerateBlocks or another method), and add a white background to those containers.

Then you’d just need to create the separation with margin. In GenerateBlocks, you could use the Grid block to create columns/add space between them.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marek]

Hey Tom,

That’s very creative, thanks for the help!

Great support and great theme!

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts