Space between Header an Content

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

I can not link page because it is not public. Please try to help me anyway.

On the screenshot you can see that there is no space between the header and the content area. There should be a space there with the grey body background color.

https://prnt.sc/Z1DYKCoRUYmb

Try this CSS:

.site.grid-container {
    margin-top: 10px;
}

Hi Leo,

this helps with the blog page.

But the home page is a page with a featured image. And the featured image still sits on the header without space:
https://prnt.sc/_tX4ZPfJkJ9Y

There the css you provided, did a space between the featured image and the content. But there should be no space:
https://prnt.sc/gFAbBkbCJFTl

And it would be nice, if I can the same space also between content container and footer.

Hi there,

is this only on the Home Page ? Or are there other pages like this ?

the home page is a page with a featured image, but there are more pages like that. The space should be on all sites, so that all looks equal.

Try this CSS instead:

`.page-header-image,
.site-footer {
margin-top: 2em;
}

this works with the homepage, but then on the blog page is only space on the footer, but not on header.
And also, if there is no featured image on page, there is no space on header.
And on posts, there is also no space to the header.

Hopefully.... try this:

.site-header {
    margin-bottom: 2em;
}
.site-footer {
    margin-top: 2em;
}

unfortunately not :( With this there is space at the footer, but neither at pages nor at the blog page at the header.
But if that doesn't work, then I will choose the separated containers in case of need, although with that the blog page doesn't look so good.

Is it possible to see the site ?
If we need a login - you can provide those details in the Private info field

This is an old testsite which is not public.
I have give you the login in the private field.
I have removed the provided css.

Try this CSS:

.main-navigation {
    margin-bottom: 40px;
}
.site-footer {
    margin-top: 40px;
}