The little empty space between the header and the content

[FemkeSchaars]

Dear Tech Support,

I have a question about how to remove the little empty space between the header of the site and the content.
I have an large image at the top of my posts, but there is a white bar of space between the image and the header of the site. I would like to be able to edit the distance between the header and the content. Is there a way to do this?
There is also empty space between the content and the footer of the page. Is there a way to edit this as well?

I’m using WP Bakery Page Builder to edit my website, and I seem to be unable to place content any higher than a certain distance underneath the header.

Thank you very much for your time!

Kind Regards,

Femke Schaars

[Zex]

Hello, Femke!

You can set the page content top and bottom padding values, from the “Page” tab in the “Agama Options” meta box which is located, at the bottom of every single page.

https://prnt.sc/lpypt2

If, for some reason that option didn’t work for you, insert the following code into Customizing->General->Additional CSS:

.vision-row.clearfix {
padding-top: 0px;
}

https://prnt.sc/lpyrvc

Best Regards

[FemkeSchaars]

Dear Zex,

Thank you very much for your reply!
The page content padding as you described worked on the pages, but did not work on the posts (at first).
I found out that the reason this happens is because I typed in ‘0’ instead of ‘0px’.
I tested it a bit and the content padding for the Pages seems to also accept fully numerical inputs, but the content padding for the Posts seems to only accept inputs with ‘px’ at the end.

The line of code worked right away and was very useful. Now I don’t even have to adjust the values for each page separately, which is very nice.

So the top content padding is definitely solved now.

After I adjusted the padding values of both top and bottom, there still is a little white bar between the content and footer. I’m not entirely sure where this empty space is coming from. If there is a way to adjust this as well, everything is solved.
(I already tried copying the code and replacing ‘top’ with ‘bottom’)

Thank you very much for your time!

Kind regards,

Femke Schaars

[Zex]

Hello, Femke!

Next custom CSS codes should help you with that:(Insert it into Customizing->General->Additional CSS)

footer.entry-meta {
    display:none;
}
.site-content article .article-entry-wrapper {
    padding-bottom: 0px!important;
}

Best Regards

[FemkeSchaars]

Dear Zex,

Thank you very much for the help!
The code fixed the problem.

Thank you for your time!

Kind regards,

Femke Schaars

[Author]

Posts