Problem regarding whitespace between Header image and widget


So I’ve installed your theme and tried putting a widget (Essential Grid) on your page. Works just fine, but there seems to be an relatively large amount of whitespace in between the header image and the widget as you can see on this page: . I would like to remove a lot of said whitespace as it is somewhat annoying. Any tips on how I can do that?


Hello kris,

user custom css plugin to put these css code below:

#post-21 header.entry-header {
    display: none;

#pg-21-0 > .panel-row-style {
    padding-top: 30px !important;

i have the same problem wiht the white space between header and the widget.
I tryed a lot but nothing works. Any Idea?

P.S. This Theme is awesome, thx so much.

my website:

Hello there,

Thank you for posting the issue here, this thread is reopen now.

I just checking your site, and hope these css code can fix the issue:

.page .page-wrap {
    padding: 0;

.page .page-wrap .content-wrapper {
    padding-top: 0;
    padding-bottom: 0;

.page .content-area .hentry {
    padding-bottom: 0;

.page .content-area .hentry .entry-footer {
    display: none;

you use simple custom css plugin to put the code above.

Hi Avan, that works perfect.
Thx a lot.

Hi there

i am also trying to remove white space between my widgets to create four even squares with separate content.

see example:

this is my site currently Us

any help would be greatly appreciated!

Hi @caitlinprocter,

To remove these white space, You can set the padding for the widgets from:
Edit page > Edit row > then set the “top/bottom Padding” to 0