Changing background colour on different pages

Alex2010
New Member
2 0 0

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

Replies 3 (3)
LitExtension
Shopify Partner
1942 320 393

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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Alex2010
New Member
2 0 0

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
Shopify Partner
1942 320 393

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.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!