Shopify themes, liquid, logos, and UX
Dear all,
does anyone know how I can change the background color of the product page in the shopify 2.0 dawn theme?
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.
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
can you please confirm this look?
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;
}
@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.
yes please ty this code
#shopify-section-template--15051543675056__main {
margin-top: 0;
padding-top: calc(5rem + var(--page-width-margin));
background: #ffffff;
}
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
can you please share store url
I would also greatly appreciate help making this product template have a white background.
https://y6mrx1l3650kwchw-61903667379.shopifypreview.com/products/mens-heavyweight-tee
yes, please confirm change text color
Text Color #913812
thanks
all product template text right?
Yes please.
Hi Ketan, Any update?
oh sorry but how can i check
https://inhonour.myshopify.com/products/mens-heavyweight-tee
I apologize, been moving stuff around. attached is the updated link
thanks for url bt its password protect
lol, im sorry. It should be fine now and available for you to use
hello Ketan,
i have followed instructions and pasted the two codes, but the problem still exists.
oh sorry for any issue please share store url so i will check and let you know
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024