Make a section a different color for full page width when content is contained

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 :)

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

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!