[Resolved] Separating space

[Anil]

Hi

In customiser, I set separating space as 10px.

Now, I want this as 20 px on desktop.

Please guide

[Leo]

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;
    }
}

[Anil]

Not working properly…

I am using latest versions with flexbox.

[Leo]

Made a mistake in the code.

Can you try it again?

[Anil]

where is changed code…

[Leo]

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

[Anil]

Dear Leo, it is working partially…

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

[Leo]

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

[Anil]

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

[Leo]

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

[Anil]

2 more issues now:

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

2. page-header issue on category and tags pages

[Leo]

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

Hopefully that’s it 🙂

[Anil]

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

[Anil]

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 !)

[Leo]

Sorry Anil. I’m failing today.

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

[Author]

Posts