[Resolved] Need to add some margin or padding to layout – not sure how!

[Henry]

So, all is going great with GP on a project I am working on.

However – one issue. When the screen is reduced to a tablet and mobile the padding (or margin?) is removed.

What I mean can be shown in this screenshot: https://prnt.sc/nbeyo2

Basically what happens is that the widget and content areas are in white background (the page color is grey) and when the screen is made smaller then the white content area (and widget area) goes exactly onto the side of the screen.

I’d like for there to be a little padding – can this be done and if so – how?

Thanks!

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

try this CSS:

#page.grid-parent {
    padding-left: 20px;
    padding-right: 20px;
}

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

[Henry]

Wow! Thanks, David – you’re awesome! Thanks for your rapid support.

[David]

Glad to be of help

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

[Author]

Posts