Archived topic

Change background color on a single page

7 replies · Started by kevin on August 23, 2020

Viewing posts 1–8 of 8

August 23, 2020 at 5:56 pm #1415368

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

August 24, 2020 at 3:29 am #1415746

Hi there,

you're CSS would look like this:

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

That ID is for your About page.

August 24, 2020 at 11:21 am #1416560

Thanks for the quick response, David!

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

August 24, 2020 at 11:23 am #1416562

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

The page ID doesn't match.

Let me know :)

August 24, 2020 at 11:58 am #1416592

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!

August 24, 2020 at 12:14 pm #1416617

Edit your CSS to this:

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

August 24, 2020 at 12:52 pm #1416661

Amazing! It worked :).

Thanks, Leo.

August 24, 2020 at 12:54 pm #1416662

No problem :)

This archived topic is closed to new replies.