[Resolved] Sections page content padding

[Paul]

Hey guys.

I’ve spent the last couple of hours trying to figure out why I can’t get pages built using Sections to layout the same as regular pages.

Take a look at https://www.uncommonsensephysique.com/about/ versus https://www.uncommonsensephysique.com/coaching/.

The heading on /coaching is created via Page Headers – it was the only way I could get a page header to show using sections, and I did not want to add a section for the page header and try to get the format right.

So far so good.

But you’ll note the page page content (sections) are NOT padded to the same extent as the regular page. This is despite having the /coaching page Layout > Page Builder Container > Default set, which suggests it would respect the padding set in Customize > Layout > Container.

I have inspected the CSS but I can not figure this out.

Am I doing something wrong?

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

add this CSS:

.generate-sections-inside-container {
    box-sizing: border-box;
}

With Sections the padding is on the inner container, this increases there width. The above CSS will stop that from happening.

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

[Paul]

Perfect!

Worked like a charm. Thanks David!

[David]

Glad to be of help.

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

[Author]

Posts