Separating space

Hi there,

Give this CSS a shot:

@media (min-width: 769px) {
    .separate-containers .site-main {
        margin: 40px;
    }
    .generate-columns {
        margin-bottom: 40px;
        padding-left: 40px;
    }
    .generate-columns-container {
        margin-left: -40px;
    }
    .separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .page-header, .sidebar .widget, .site-main>* {
        margin-bottom: 40px;
    }
    .page-header {
        margin-left: 40px;
    }
}

Not working properly...

I am using latest versions with flexbox.

Made a mistake in the code.

Can you try it again?

where is changed code...

Here...
https://generatepress.com/forums/topic/separating-space/#post-1452282

Dear Leo, it is working partially...

No 20px separating space below widgets in sidebar and below & sides of posts on homepage

Edited again:
https://generatepress.com/forums/topic/separating-space/#post-1452282

Hi, it is not perfect... first column is not aligned left side....

And again :)
https://generatepress.com/forums/topic/separating-space/#post-1452282

2 more issues now:

1. bottom margin of posts (i.e. generate-columns)

2. page-header issue on category and tags pages

Edited:
https://generatepress.com/forums/topic/separating-space/#post-1452282

Hopefully that's it :)

1... now space is doubled between main content and SIDEBAR.....
2. on single post extra margin on both sides of main content

Hi

In customiser when we change separating space it applies flaw-less, it means we know how we are picking that value for different classes.

Now apply a new value of separating space to those classes with a media quary....

(I may be wrong !)

Sorry Anil. I'm failing today.

Can you give this another shot?
https://generatepress.com/forums/topic/separating-space/#post-1452282