Archived topic
Generateblocks: Container up to the edge
7 replies · Started by Samuel on April 21, 2020
I can't go all the way to the edge of that container. I've tried every option.
Hi there,
Your content area has padding, which is what you're seeing there.
If you set your Page Builder Container option to "Contained", it will remove that padding: https://docs.generatepress.com/article/page-builder-container/
This is working out pretty well. Thanks Tom! By the way: your GenerateBlocks cover a lot and it's really fun to work with. Did you program generateblocks in Javascript? What are your values when developing the new plugin?
Back to topic: I can now cleanly go to the edge with GenerateBlocks, but how do I do that with the article images in the individual articles and pages? Please check this Screenshot https://www.screencast.com/t/8Md39gY9L
And here is an example: https://baubeaver.de/pfetten/
Awesome! Glad you're enjoying them. All the editor stuff is in React, and all of the front-end stuff (generating the CSS etc..) is in PHP. It's by far the cleanest project I've ever written - I'm very proud of it.
As for your question, this should help:
body:not(.contained-content) .inside-article .page-hero {
margin-top: -10px;
margin-left: -15px;
margin-right: -15px;
}
But than i get this (made with GenerateBlocks and your advice at the start of this topic): https://www.screencast.com/t/n87YckkL32P
What about the updated CSS?: https://generatepress.com/forums/topic/generateblocks-container-up-to-the-edge/#post-1265536
Cool, works fine now ;-)
Awesome :)