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
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!
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
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.
User | RANK |
---|---|
41 | |
32 | |
16 | |
13 | |
10 |