Looking to change one page of my website to a different background color

I just redid my website using the IMPACT template on version 7. My website background is black and the header and body text is white. Everything looks great except I have one page that is text heavy and I believe a little hard to read with the black background. Is there custom CSS I can do to allow me to change the background on just one page to white and make the heading and body text black? I want to keep the overall aesthetic of the black but just this one page white so it's easier for clients to read. 

Thanks

Can you share your website URL and the page that you want to be a white background? Thanks!

Hi @Ziggy yes it's https://samanthaannette.com/the-process and also I think possibly https://samanthaannette.com/about

Thanks

Try adding this to Custom CSS as a test:

#collection-54ee7596e4b0702493cc8b9c {
  .Main {
    background-color:#fff;
  }
  h1, h2, h3, h4, p {
    color:#000;
  }
}

@Ziggy I tried entering it but nothing happened.  I should see the change right away right? I don't need to hit save first? In any case I wanted to you you what other custom CSS I had just in case it was interfering;

header{
 position: fixed;
 width: 100%;
 z-index: 9998;
 }

main{
 padding-top: 100px;
}

ajax{
 z-index: 9999;
}

@media only screen and (max-width: 1000px){ main {
 padding-top: 0px;
 }
} 

On 1/21/2023 at 2:43 AM, oceans0321 said:

@Ziggy I tried entering it but nothing happened.  I should see the change right away right? I don't need to hit save first? In any case I wanted to you you what other custom CSS I had just in case it was interfering;

 

header{
 position: fixed;
 width: 100%;
 z-index: 9998;
 }

main{
 padding-top: 100px;
}

ajax{
 z-index: 9999;
}

@media only screen and (max-width: 1000px){ main {
 padding-top: 0px;
 }
} 

Move this code to top of CSS box

#collection-54ee7596e4b0702493cc8b9c {
  .Main {
    background-color:#fff !important;
  }
  h1, h2, h3, h4, p {
    color:#000;
  }
}