Add space between columns without adding space at the top

Hi there,

add the spacing in the customizer, then add this CSS to reduce the bottom margin from the articles:

.generate-columns-container .generate-columns {
margin-bottom: 10px;
}

Nope. I had tried that. I just gave it 10px in the customizer and added:

`.generate-columns-container .generate-columns {
margin-top: 0px;
}

I still get 10 extra px at the top.

Hi Mireille,

I haven't seen the margin-top: 0px; has been added in your site.

This CSS should work, I tried it in developer tool, as you can see once the CSS is added, the top margin is gone.
https://www.screencast.com/t/ozwOybGCb

OK. I guess I was not precise enough... It throws that 10px everywhere including top of page. Look at the homepage. I just put the space and margin: 0px back in until I hear back. It is a live site ;)

Well the 10px actually is not from margin, it's from an inline style:
https://www.screencast.com/t/g8eBs2Kv0Nm
https://www.screencast.com/t/dLdNPfl5iH

So instead of margin-top: 10px;or margin-top:0;, try margin-top:-10px; it makes more sense :)
https://www.screencast.com/t/2nDND4ZHmgr

Sadly it does not fix the top of "page" problem.

Oh I see what you mean, try this CSS then:

.separate-containers #main.site-main {
    margin-top: 0;
}

And that's what makes the magic happen!!! Thanks.

Great!

You are welcome :)