[Resolved] Full width is glitching

[Yannick]

Hello guys,

Im trying to create a design someone send me but my container full width option is glitchy. I don’t know what to do and how to fix it.

The design i need to create
Design i need to make

Live version
Live version

I have set the width of 2 containers to full width but it’s not working.
container 1
container 2

However in the result it’s not ending up to be full width (however the container above container 1 is full width).
container above container 1 also i have a question how to remove the space between the different cards (red arrows).

Last of all i want container 2 to be full width but also there’s some space between the container and the header. How do i remove that?

I hope you guys can help me with a solution 🙂

[Yannick]

I see the screenshot for container 1 is the wrong link here’s the good link. container 1

[David]

Hi there,

set the Page > Layout -> Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

That way you do not have to force blocks to be full width using their toolbar options.

[Yannick]

Hi David,

You are a hero, thanks a lot. I didn’t know that there was an option like that.

Do you know how to make these cards with no space in between?

Like they cover the red squares like in the screenshot? Screenshot

[David]

Use a GenerateBlocks Grid block instead.

[Yannick]

Thank you so much, have a nice day!!

[David]

You’re welcome

[Author]

Posts