Variable padding size for header menu and body (pages)

Hi, I´ve noticed that some pages have too much space between the header menu and the body, like this:

Pages have this code on custom .css:
@media only screen and (min-width: 1025px) {
.blog .page-wrap {
padding-top: 160px;
}
}

How possible is it to have different paddings for different pages?
I´d like this page to be aligned immediately after the head menu: http://3dcinetv.com/3dvfx/
but this other one, I want it to use the .css code up: http://3dcinetv.com/blog

Thanks.

Hi,

On this page http://3dcinetv.com/3dvfx/ you have a 100px padding-top / padding-bottom added to the first Row, so that’s why you have the white space on top, your CSS is only affecting the blog page, so if you have white space on other pages, that’s because of padding on your Rows or Widgets.

Kind Regards,
Csaba

Tried to fix that 100 padding on the layout specifically on the Layout part of the row, didn´t do a thing on the site.

I´ve looked on the other parameters. Still no fix.

Hi,

Please clear your cache, for me it worked, there is no padding on that page anymore.

Kind Regards,
Csaba

Hi Csaba, yes, after a good 3hour twist and turn I figured it was the cache. But on this page, I´m getting the same problem as well, and it is not working to change the padding: http://3dcinetv.com/publicidad/
I´ve refreshed the page a thousand times, tried the live editor. I simply don´t know what specific parameter is bugging the page.
Please help.
Thanks.

Hi,

On that page the page wrapper’s padding is added, you can remove the page wrapper padding from all pages with this Custom CSS:

.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
    padding-top: 0 !important;
}

or you can remove it only for that particular page with this Custom CSS:

.page-id-595 .page-wrap .content-wrapper {
    padding-top: 0 !important;
}

Please let me know how it works.

Kind Regards,
Csaba