How to change the product page background color in Debut theme?

Highlighted
Excursionist
24 0 1

Hi everyone,

 

I have been searching for a similar thread in the forum regarding this matter but I couldn't find anything.

 

I am using the Debut theme. I preferred my landing page/home page in black color so I change the background color to black. All the other pages were changed automatically to black background including the product page.

 

I want the collection and product page to be in white background so buyers can clearly see the specification of the products.

 

The shop link is https://angstrom-watches.myshopify.com

 

How can I do this? Anyone?

 

Thank you.

 

Regards,

Chris

0 Likes
Highlighted
Shopify Partner
828 170 191

Hello wolf8,

Use 

Use
.template-index {
    background-color: #000;
}

instead of 
body, html {
    background-color: #000;
}

Thanks



Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Excursionist
24 0 1

Thank you for the response Guleria.

 

I am new to shopify. Where should I put this code?

 

Cheers.

0 Likes
Highlighted
Shopify Partner
828 170 191

Under assets :- theme.scss.css
Search for 

body,html{background-color:#000}

and replace it with  

.template-index {    background-color: #000;
}

 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
24 0 1

Thank you for this. It worked.

 

However, all my texts cannot be seen now because originally it was white and just blends now with the background. How can I change the font color to black?

 

I appreciate your help. Cheers.

0 Likes
Highlighted
New Member
2 0 0

Hey, 

 

I wanted to change the color on my product description too, but I’d like to have more than one color, similar to dropbottle’s site, where their product description background is white and pink. 

How can I code that in? I tried using <body style... but it doesn’t work. 

0 Likes