Archived topic
About generatepress blocks Container width
9 replies · Started by John on March 31, 2020
Hello
I am trying to make one of container like this (By using generatepress blocks container/grids) https://prnt.sc/rq8sqt
I have set both container full width But it showing narrow page https://prnt.sc/rq8w33
More so, I don't want this background as well https://prnt.sc/rq8t4n
Thanks
I had the same problem. Did you set the container width wide and have the "Set Full Width Container" toggle on? Like this : https://www.screencast.com/t/fPDMEeYbD7C9
My result looks like this: https://www.screencast.com/t/qsi2F21O
And there is a generateblocks update too...
Thanks Tris for your input. I tried it already.
When I toggle on "Set Full Width Container”. my desire container hide on hero header. But I want to keep it up.
Hi John,
I'm seeing this CSS added in your site which is causing the issue:
.no-sidebar .entry-content {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
If you need further help with this, please disable the caching plugin first.
Thanks!
Disabled caching plugin. I am using tasty site.
Please check now.
Hi there,
The CSS Leo mentioned is the main issue - if you remove that, it won't be so narrow.
Then, if you want to have anything go full width, you want to set that "Set Full Width Content" option.
Hi Tom,
Removed the CSS, narrow issue is fixed.
But I want to show this container like this https://prnt.sc/rq8sqt
Bit upper from the bottom hero header section. But when set full width content Its not work. Though I set negative margin for this container.
You're trying to overlap the Page Hero, which is an element outside of the content container.
The content container still has a white background, so try doing this:
.full-width-content.separate-containers .inside-article {
background: transparent;
}
Yes, You're right.
Tried the CSS and almost achieved my desire design in the desktop version.
But still confused about mobile and tablet.
Is It working well in mobile & tablet as well?
Finally, Thanks tom for such a great plugin.
GenerateBlocks? Yes, all of the tablet/mobile options are functional :)