My product pages are stuck on background #FFFFF. I want to alter to #faf7f5. to match rest of site

[tim_wilfreds]

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

1) Adding to the styles.css (in assets)

body {
background-color: #faf7f5;
}

2) Code in the themes.liquid (link)

<style> main#MainContent { background-color: grey; } </style>

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 

[niraj_patel · Accepted solution]

Hello @tim_wilfreds 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div.product-product-template {
      background: #faf7f5 !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[tim_wilfreds]

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

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  body {
      background-color: #faf7f5 !important;
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.