Change Background Color of Product page in Dawn Theme

Max_barkerz
Tourist
11 0 5

Dear all,

does anyone know how I can change the background color of the product page in the shopify 2.0 dawn theme?

Replies 7 (7)
KetanKumar
Shopify Partner
24919 2495 9027

@Max_barkerz 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Eighty8
Tourist
6 0 6

Can you revisit this question and provide a code? I want the color ONLY on the product page to be white. How do I change this in the Dawn theme? Here is the url link to a product page. https://cartelbeautee.com/collections/frontpage

Screen Shot 2021-11-11 at 9.59.35 AM.png

KetanKumar
Shopify Partner
24919 2495 9027

@Eighty8 

can you please confirm this look?

KetanKumar_1-1636748133369.png

 

KetanKumar_0-1636748133340.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Eighty8
Tourist
6 0 6

Yes that’s perfect! @KetanKumar  for product and collection pages

KetanKumar
Shopify Partner
24919 2495 9027

@Eighty8 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base..css->paste below code at the bottom of the file.

#shopify-section-template--15051543642288__banner, #shopify-section-template--15051543642288__product-grid {
    background: #fff;
}

#shopify-section-template--15051543642288__product-grid {
    margin-top: -22px;
    padding-top: 20px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Eighty8
Tourist
6 0 6

@KetanKumar This code worked perfectly for the collection pages.

Thank you so much! However I wanted add the white background to the product pages as well. 

Screen Shot 2021-11-12 at 2.09.00 PM.png

KetanKumar
Shopify Partner
24919 2495 9027

@Eighty8 

yes please ty this code 

#shopify-section-template--15051543675056__main {
    margin-top: 0;
    padding-top: calc(5rem + var(--page-width-margin));
    background: #ffffff;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing