Archived topic
GENERATEBLOCKS 2 columns bg color blocks contained content
5 replies · Started by Susan on January 30, 2023
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?
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 :)
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.
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 :)
Thanks. I'll check it out.
No problem :)