[Resolved] GENERATEBLOCKS 2 columns bg color blocks contained content

[Susan]

I am using GenerateBlocks and Gutenburg. I want to make a 2 column layout. Each column is 1/2 full width (goes the edge of page). The content in the columns should be contained. I got the 2 different column backgrounds ok. How can I get the left column content to be contained? I’ve tried putting container in container, grid in container, container in container in container in container; It is driving me nuts.

I’ve posted an image that illustrates the issue here:

https://imgur.com/gallery/jpqawyi

Is there some setting I am just not finding or what?

[Leo]

Hi there,

I believe adding some padding for the left container would be what you are looking for:
https://docs.generateblocks.com/article/container-overview/#spacing

There is no “contained” option when the container is inside a grid already.

Let me know if this helps 🙂

[Susan]

Adding padding would be ok if the page was always the same width but padding does not scale so the alignment would not be right when page is resized.

[Leo]

As for now, try using the responsive control to set different padding for different device:
https://docs.generateblocks.com/article/responsive-controls/

The next version of GB will have a Sizing panel for the container block which would allow you to set a max-width property:
https://generateblocks.com/flexbox-sizing-tabs-accordions-more/

We will be releasing beta 2 tomorrow or Wednesday with the official version coming around mid-February.

If you are not in a hurry to release the current build then I’d high recommend the beta version 🙂

[Susan]

Thanks. I’ll check it out.

[Leo]

No problem 🙂

[Author]

Posts