page sections not full width

[Oliver]

Hi

On my home page I use Sections but I cannot seem to make the outer or inner container of sections full width.
It seems that the following settings do nothing:

‘Box type – whether your outer section container is full width or contained.
Inner box type – whether your inner section container is full width or contained.’

Presumably I’ve done something wrong. I’d be grateful if you could let me know.

Kind regards
Oli

[Leo]

Hi there,

Can you guide me to the page where the issue can be seen?

Also I would highly recommend using our new favorite block plugin GenerateBlocks over Sections:
https://wordpress.org/plugins/generateblocks/

It’s the replacement for Sections and offers much more awesome options and flexibility.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Oliver]

hmm really not sure if my replies are getting through….

[Oliver]

Hi Leo

This page may be easiest to see what the issue is: https://fetliu.net/delete/

Cheers
Oli

[Oliver]

But this is the page I’m actually trying to fix: https://fetliu.net/ I want to make the background colours (you’ll need to scroll down the page to see them) the full width of the page.

Thank you Leo

[Leo]

What if you disable the code that’s adding the sidebar in?

By default the sidebar should be removed when Sections is activated.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Oliver]

No sidebar now on https://fetliu.net/delete/ but still the same.

[Leo]

Do you have a layout element created that’s setting the content container width to 1480px?
https://docs.generatepress.com/article/layout-element-overview/#content-1

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Oliver]

Hi

Looking with Google Inspect when I click on

it has this under styles:

#content {
max-width: 1480px;
margin-left: auto;
margin-right: auto;
}

If I toggle off the max-width in Google Inspect it seems to fix the problem. I’ve no idea where the 1480px comes from but presumably it’s from the theme or WP Show Posts. Nor do I know how to get rid of it, if it is what’s causing problem, as I’m about at the limit of my css skills.

Can you help any further?

Thanks
Oli

[Leo]

Have you checked the layout element as I mentioned here?
https://generatepress.com/forums/topic/page-sections-not-full-width/#post-1313193

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Oliver]

Apologies, I managed to miss your last message before my last reply.

The layout element was exactly the problem. It all makes sense now.

Thank you very much for your help!

Oli

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts