Liquid, JavaScript, themes, sales channels
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 |
---|---|
24 | |
23 | |
12 | |
9 | |
8 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023