CSS Code for Removing White Space between top header and first row only partially works

I’ve tried different solutions suggested in the forums here to remove the white space between the header and the first row immediately below it.

I’ve set the top margin of the first row to -50px, and it only partially gets rid of the space. Setting it to anything lower than -50px doesn’t do anything keeps the same small white space gap remaining and doesn’t change.

I also used the only CSS code that seemed to work
.hentry .entry-wrap {
padding-top: 0px;
}
But it still left a small white space that I couldn’t get rid of no matter what I did (same small gap that didn’t go away with lowering the top margin of first row to below -50px).

Is there something else I’m missing?

Hello Ari,

Thanks for writing in! The custom CSS code will only work for the default page templates. If you have used Cornerstone in building your pages and have inserted the section, you will need to change the top and bottom padding in the section settings to reduce or eliminate the white spaces.
dWHXLkIeQfy7yGgwYRDEPg

If this is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Best Regards.

Thanks for the reply. I just added admin credentials for you in the secure note.

I have used Cornerstone to build the page and I’ve added the sections through there. I’ve tried both the margin and padding settings in the top section, but none of them fully get rid of the white space mentioned.

Hi Ari,

Are you referring to the home page space? That’s the only space I can see and that’s the default margin for the template you use. If you don’t wan’t any spacing or restriction layout, please make sure to change your page template to Blank - No Container | Header, Footer.

Thanks!

Hi Rad,

Thanks for the suggestion. Yes, it is the home page. I just changed the setting to “Blank - No Container | Header, Footer”, but again it only removes part of the white space. There is still a small white space remaining that I can’t remove no matter what I do with the margin or padding of the top section.

Hello Ari,

I have logged in to your site and edited your homepage. The white space is coming from the empty <p> tags.
Always keep in mind that when you insert a Rev Slider shortcode, do NOT wrap it with a <p> tag

_WUvtYXXRfqSzEwz9AMBVA

I went and resolved the issue already by adding the shortcode only:

[rev_slider alias="test-slider-1"][/rev_slider]

Kindly check your site now.

Hi Ruenel,

That fixed it completely. Thank you so much for your help!

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.