Changing background colour on different pages

[Alex2010]

Hello, 

I am building a website and have little coding knowledge. I am trying to change the background colour of all pages except my home page. Currently, my background is light blue, but I only want that for the home page. Everywhere else, I would like the background to be white. I feel like it's simpler to change the main background to white and change the code so that the homepage is blue, but if anyone has some advice or the solution, I would greatly appreciate it.

Here is the URL https://shopcrewgifts.com/

Password sawhoy

Thank you, 

Alex

[LitExtension]

Hi @Alex2010,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

body:not(.template-index) .page-container {
    background-color: #fff !important;
}

Hope it helps!

[Alex2010]

Hey, 

Thank you so much; that does fix the issue. With this change, the product page backgrounds are now white, but there is still a thin blue border around the products that are slightly nonuniform. Is there a way to make it so there isn't that thin blue border around the products?

Thanks, 

Alex

[LitExtension]

Hi @Alex2010,

Please add code:

body:not(.template-index) .product-card{
    border-color: #fff !important;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.