[Resolved] Generateblocks: Container up to the edge

[Samuel]

I can’t go all the way to the edge of that container. I’ve tried every option.

[Tom]

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/

[Samuel]

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/

[Tom]

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;
}

[Samuel]

But than i get this (made with GenerateBlocks and your advice at the start of this topic): https://www.screencast.com/t/n87YckkL32P

[Tom]

What about the updated CSS?: https://generatepress.com/forums/topic/generateblocks-container-up-to-the-edge/#post-1265536

[Samuel]

Cool, works fine now 😉

[Tom]

Awesome 🙂

[Author]

Posts