White space between header and content


I know this topic has been touched on here many of times and I looked through them and applied CSS codes. This one has been the most repetitive in the answers: (.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
padding: 0 !important;

However, it is still not working. I still have white space in pages (not talking about home page) Do you mind guys please take a look?

Thank you.

URL to the sites: http://www.evasfootprints.com/blog/ and http://www.evasfootprints.com/destinations/weekend-getaways-in-europe/

Hello there,

To remove the top/bottom space on your blog page, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.page-id-5 .panel-row-style{
  padding-top: 0 !important;
  padding-bottom: 0 !important;

For your other page, I suggested you to do these steps.


I’m really sorry but this didn’t work. Unless I do it wrongly (which is possible). I inserted the link into Simple Custom CSS.

Please advise.

Hello there,

Please be sure that the group of custom CSS code is error free. You can check it by using this tool: https://jigsaw.w3.org/css-validator/#validate_by_input.


HI Kharis,

Validated and there is no error. It may sound weird but do you mind telling me exactly, step by step where I insert the code? It is possible that I am doing it wrong.

Thank you very much.

Hello there,

Is your site being cached by a plugin like W3 Total Cache? If so, please delete all cache and try again.