Change Background Color of Product page in Dawn Theme

Max_barkerz
Shopify Partner
15 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 21 (21)

KetanKumar
Shopify Partner
36839 3635 11972

@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
36839 3635 11972

@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
36839 3635 11972

@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
36839 3635 11972

@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
Kavoglio
Tourist
3 0 1

I am trying to replicate this on a storefront as well, but am having troubles replicating this solution. Where are you collecting these IDs from ? One example for the Product Page:  15051543675056

KetanKumar
Shopify Partner
36839 3635 11972

@Kavoglio 

can you please share store url

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
InHonour
Tourist
6 0 3

I would also greatly appreciate help making this product template have a white background.

https://y6mrx1l3650kwchw-61903667379.shopifypreview.com/products/mens-heavyweight-tee

KetanKumar
Shopify Partner
36839 3635 11972

@InHonour 

yes, please confirm change text  color  

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
InHonour
Tourist
6 0 3

Text Color #913812

KetanKumar
Shopify Partner
36839 3635 11972

@InHonour 

thanks 

all product template text right?

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
InHonour
Tourist
6 0 3

Yes please.

InHonour
Tourist
6 0 3

Hi Ketan, Any update?

KetanKumar
Shopify Partner
36839 3635 11972

@InHonour 

oh sorry but how can i check

KetanKumar_0-1648961824741.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
InHonour
Tourist
6 0 3

https://inhonour.myshopify.com/products/mens-heavyweight-tee

 

I apologize, been moving stuff around. attached is the updated link

KetanKumar
Shopify Partner
36839 3635 11972

@InHonour 

thanks for url bt its password protect 

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
InHonour
Tourist
6 0 3

lol, im sorry. It should be fine now and available for you to use

ukpethouse
Tourist
10 0 5

hello Ketan,

i have followed instructions and pasted the two codes, but the problem still exists.

 

KetanKumar
Shopify Partner
36839 3635 11972

@ukpethouse 

oh sorry for any issue please share store url so i will check and let you know

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