Dawn theme: How do I change background color for product pages/featured collection/etc/?

[killerpresets]

I've scoured the web and tried every possible solution I could find but no luck. I installed Dawn yesterday 2/28/2023, though I'm not a newbie with Shopify.

I want to be able to change the background color *only* for my product pages, and perhaps the background color of featured collections, but not change the color for the whole site.

Does anyone know how I might accomplish this?

Thanks in advance for any advice.

[Mike-Omega]

Hi @killerpresets ,

This is Mike from Omega

If you only want to change the background color for only Featured Collection section, you can try my solution:

1. Theme -> Customize theme

2. Select Product page

3. Paste this CSS code into Custom CSS box and Save

.collection.page-width {
    background: #aaa;
}

You can change the color code you want.

Hope my answer will help you

Mike from Omega

[killerpresets]

Thanks for the suggestion. I tried it with no luck. I thought  body background-color: #FF0000; would do it too but, nope.

[Mike-Omega]

Could you leave your store URL then I can check it for you?

[killerpresets]

https://killer-presets-9258.myshopify.com/

This gets me closer but now the product image disappears:

div {
  background-color: #ff0000;
}

[Mike-Omega]

Which option do you want to change color?

1.

or 

2. 

Tell me which option do you prefer

[killerpresets]

Wow! 2 would be awesome!

[Mike-Omega]

You can add this code into this box

main#MainContent:has(.product) {
    background: #ff0000;
}

[killerpresets]

I tried it but still no change. That's what is published right now.

[Mike-Omega · Accepted solution]

oh, in that case, you just need add this code to the box 

{background: #ff0000;}

[killerpresets]

That's it!

Thanks for taking the time to help!

[Mike-Omega]

I am very happy to help you.

If it’s helpful to you, please give it a like to motivate me.

Thanks.

Mike from Omega

[doisdemonios]

Hi! This code worked for me, but the collections seemed to appear behind the background. The text appear, but the image no. Can you help please?

[Mike-Omega]

Hi @doisdemonios 

Could you leave here your store url?

[doisdemonios]

Sure,

www.doisdemonios.com

[Mike-Omega]

@doisdemonios  please tell me more details about your issues

[Dumpedfr]

Hi I’m also having an issue changing my product page color. I just want my product page to be the same colors as the rest of my website. I tried both of the codes posted but no luck. Any help welcomed.

[Dumpedfr]

https://d549e8-2.myshopify.com
is my website. I haven’t found a domain yet 😭

[Dumpedfr]

Any help?