[Resolved] Need a full-width container in some places, but inside-article forces padding.

[Mark]

I am using the default padding on containers which is fine for the majority of my site. However there are a small number of containers where I would like the container to have no left or right padding. However, I’m finding is that padding is set on .inside-article and all of my containers (divs) on each page are within inside-article. So how would I create containers that have no padding?

PS. I tried adding a full-width-content CSS class to override the padding, but all this ended up doing was overriding padding on text columns and sub-containers

.full-width-content {
padding: 0px !important;
}

[David]

Hi there,

can i see a page on your site where you would want to apply this ?

[Mark]

Hiya

https://paiyroll.com/

The first block (dark blue) is the one I want to be full-width,

[David]

In the blocks toolbar their are some alignment options, one of which is Wide Width. That should do it.

Alternatively, and what we recommend is to make the Pages Content Container Full width:

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

This makes it 100% wide, and removes theme padding.
Then use GB Container Blocks to create full width and contained sections.

[Mark]

Thanks – I have set both CONTAINER and INNER CONTAINER to Full Width but no change.

[David]

See here:

https://www.screencast.com/t/hcnshoAxbYK

[Mark]

Perfect – thankyou that worked.

[David]

Glad to hear that !

[Author]

Posts