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

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
Excursionist
156 24 28

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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
0 Likes
Excursionist
24 0 1

Thank you for the response Guleria.

 

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

 

Cheers.

0 Likes
Excursionist
156 24 28

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
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: 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