[Resolved] Change background color on a single page

[kevin]

Hey there,

I want to color the background of my homepage black without changing it on other pages.

I tried using the CSS class for the page ID but that didn’t allow me to color the full page black but that only worked for the site-main class.

I’m sure I’m overseeing something simple, so my apologies if this should be clear.

Thanks for your help,
Kevin

[David]

Hi there,

you’re CSS would look like this:

body.page-id-268 {
    background-color: #000;
}

That ID is for your About page.

[kevin]

Thanks for the quick response, David!

I still see white stripes (spaces between blocks) on the homepage: https://ibb.co/jWF99Dy

[Leo]

Is the page you’ve linked where we can see the issue?

The page ID doesn’t match.

Let me know 🙂

[kevin]

Leo, I tested this on my staging environment: http://stupendous-game.flywheelstaging.com/

I used the ID I got from the preview of the homepage.

Thank you!

[Leo]

Edit your CSS to this:

body.page-id-4610, body.page-id-4610.one-container .container {
    background-color: #000000;
}

[kevin]

Amazing! It worked :).

Thanks, Leo.

[Leo]

No problem 🙂

[Author]

Posts