Hello,
I am currently trying to change the background colour of my product page however, there is no colour theme selection. How do i change the background colour?
Thanks.
Topic summary
Changing the product page background color in the Shopify Dawn theme where no built-in color setting is available.
Initial requests asked for the store URL or a preview to diagnose, but the site is not live and no preview was provided.
A code-based workaround was suggested: edit the theme’s base.css (Online Store > Edit code) and add CSS to set the background color, demonstrated with the color “azure.” A screenshot was shared showing the result.
The requester specified the desired color as hex #6DCFF6. This implies the CSS value should be updated to use #6DCFF6 instead of “azure.”
Key terms: Dawn (Shopify theme), CSS (styling language for web pages), hex color code (#RRGGBB format).
Status: Unresolved/ongoing. No confirmation that the CSS solution works for the requester’s product page. Open items: provide a preview/URL for precise targeting, update the CSS with #6DCFF6, and verify the change on the product page.
1 Like
Hi @StarMintz
Would you mind to share your store URL website, with password if its protected? Thanks!
The website is not live yet.
Hi @StarMintz
Would you mind to share the preview of the product page? Thanks!
Hi, @StarMintz .
Follow These Steps.
Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.
.section-template--20531184173367__product-grid-padding {
background: azure;
}
.collection-hero.color-background-1.gradient {
background: azure;
}
Result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Hello,
I would like the colour to be #6DCFF6
Thanks