My product pages are stuck on background #FFFFF. I want to alter to #faf7f5. to match rest of site
I have tried various solutions from the Shopify Community
Solutions I’ve tried
- Adding to the styles.css (in assets)
body {
background-color: #faf7f5;
}
- Code in the themes.liquid (link)
main#MainContent { background-color: grey; }
All products on site use the same products template. Have ensured the product editor hasn’t set anything (
)
A product page https://wilfredssweets.shop/collections/liquorice/products/family-favourites-liquorice-gift-box
Any help so so appreciated!!!
Thanks,
Tim
NB: just noticed this at the top of the theme.liquid
Hello @tim_wilfreds
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
div.product-product-template {
background: #faf7f5 !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hi Niraj - thankyou!
So the related product section - is still showing as #FFFFFF background
I asked the developer of the Vitals App - who built that related products section. They confirmed that the background for that section is seemingly set as #ffffff. (and their own app doesn’t have color background)
So, how do I edit the background color for that section?
Thanks,
Tim
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
body {
background-color: #faf7f5 !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
