[Support request] Make a section a different color for full page width when content is contained

[Leif]

Is there a way to make the color behind a specific section a different color like on the bottom on this image?

http://www.screencast.com/t/Zk4YrvUxXJK

from this middle of this page

nomadicmatt.com

The content is contained but the color spans the full width. I super couldnt figure this out.
Many thanks

[Leo]

Hi there,

There is not a good way to do this with Gutenberg currently unfortunately.

You can full width option in page builder container:
https://docs.generatepress.com/article/page-builder-container/

Then add HTML blocks like this:

<div class="content-container">
    my content
</div>

With this CSS:

.content-container {
    max-width: 1000px;
}

Or consider using our Sections add-on:
https://docs.generatepress.com/article/sections-overview/

In the future we will be introducing Sections block to make this possible with Gutenberg.

Let me know if this helps 🙂

[Leif]

Ooo OK the sections add in works pretty well for this and is easy but how do I align things in a row like in this pic within a section?

http://www.screencast.com/t/YDk72s8NRT4

[Tom]

You would have to implement columns to do that.

In our current Sections module, you can use a plugin like Lightweight Grid Columns.

It will be much easier once we’re able to release our Sections Block for Gutenberg. Soon!

[Author]

Posts