Inner Margins when using Contained Sections

[Vernon Lees]

I’ve been racking my brains over this one so hope someone can help! I may well have simply missed something obvious…

I’m using sections with Box Type ‘Full Width’ and Inner Box Type ‘Contained’.

The issue I’m trying to overcome is that my text aligns directly with the left side of the inner container. Essentially I want it indented from the left and right sides of the page by say, 20-30px each side.

I can’t seem to do anything on the inner container div (padding or margin). I ideally I wanted to do a quick CSS fix and didn’t want to add new classes to each section on every page or add inner wraps etc.

It’ been a long day, I am full of cold so maybe I’m just not seeing this correctly!

Thanks in advance!

[Tom]

Hi there,

So adding left or right padding to the Section doesn’t do what you’re after?

If not, can you tell me which page to look at where I can see the issue?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Vernon Lees]

Hi Tom

Thanks for the response. This would be an example here https://xxxx

You can see from the header that its lined up with the edge of the inner container below but I can’t seem to get to indent.

Thanks in advance.

[Tom]

Does this do the trick?:

.generate-sections-container > div {
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Vernon Lees]

Perfect! Thanks Tom. 🙂

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts