White spaces at the top and at the bottom of pages

Hi there,

This is the site i’m working with: www.thewatchmusic.net

How can i remove white spaces at the top and at the bottom of all pages ?

Thank you

Hi there,

Please try to add this CSS code below into Customize > additional CSS

header.entry-header, .entry-footer {
    display: none;
}
.page-wrap, .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper, .content-area .hentry {
    padding: 0;
}

Thank you, it worked ! But now i would like to change the colour of the header menu of pages from white to black, but if i go to “customize” and then “colours” and trying to change it, it doesn’t work.

How can i do that ?

Thank you

Hi,

Did you mean that you want to change the body background color? Have you tried to change it from Customizing ▸ Colors ▸ General ▸ Background Color? If it’s still no working, then add this CSS code:

body{ background: black; }

Regards,
Awan

Hi Awan,

thanks for the reply.

If i want to change the body background color only on pages ?

Thank you

Use this:

body.page{ background: black; }

Hi Awan,

if i do that the color changes on the home page as well (entry page). I want to change the color from white to black on every pages except the home page.

How can i do that ?

Thank you

Hi,

You can use this:

body:not(.home).page {
    background-color: black;
}

It worked !

Thank you so much !