HELP! How to change the product page background color in Venture theme?

New Member
1 0 0

Hi everyone,

 

I need to change my product pages background-color, but leave every other page as it is. 

I have taken screenshoots of what I want to change only on product pages.

I need it for the product description detail ( you can see the difference on the picture)

Screenshot_116.pngScreenshot_117.png

0 Likes
Highlighted
Shopify Staff
Shopify Staff
888 91 166

 

Hey there, @Alex155 

 

Bo here from Shopify Support! 

 

This tutorial is specific to an unedited version of the Venture theme, (VERSION 9.7.4). We cannot guarantee results for themes that have been modified with custom coding and/or apps. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial, or wish to make any variations to this tutorial.

 

NB When editing the CSS of your theme it is always a good idea to duplicate your theme first and making the changes on the duplicate. This will prevent any errors from occurring on your live site. We also recommend adding CSS to the bottom of the file as opposed to altering the preexisting code. The new code will overwrite the previous code.

 

  • Go to Online Store > Current Theme > Actions > Edit Code.
  • Open the theme.liquid.scss and scroll to the very bottom of this file. 
  • Paste the following code at the very bottom of the file (using the color you want, of course):
body#products {background:blue;}
  • Click Save.

If this is something you are not comfortable with doing, you do have some design time with our themes team with a paid plan. You can reach out to our support team directly about this. 

 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes