Archived topic

Need to add some margin or padding to layout - not sure how!

3 replies · Started by Henry on April 13, 2019

Viewing posts 1–4 of 4

April 13, 2019 at 4:52 am #867805

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!

April 13, 2019 at 5:53 am #867846

Hi there,

try this CSS:

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

April 13, 2019 at 3:46 pm #868173

Wow! Thanks, David - you're awesome! Thanks for your rapid support.

April 14, 2019 at 1:36 am #868359

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.