Cannot Change the Product Page Color.

[ChilynnH]

Hello, I am very new to Shopify & I am currently attempting to change my Shopify product page to a black background with white text like the rest of my page.

I am using the Dawn Theme 11.0.0. I have attempted a few codes to do this & it would still glitch and only make some text white while the rest would be black. I am not great at coding so a simplified explanation as to how to fix this would be great.

Thank you!

[Made4uo-Ribe]

Hi @ChilynnH 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[ChilynnH]

Can you direct message me?

[Made4uo-Ribe]

You can PM if you dont like to public. Its only the store URL(where costumers buy/purchase) not the admin.shopify. Thanks!

[ChilynnH]

https://chisclothingandcosmetics.com/

123Mya

[Made4uo-Ribe]

Thanks for the info, Try this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.section-template--21339427537184__product-grid-padding, section#shopify-section-template--21339427733792__main, .color-background-1.gradient.no-js-hidden {
    background: black;
}
.section-template--21339427537184__product-grid-padding, section#shopify-section-template--21339427733792__main, .color-background-1.gradient.no-js-hidden * {
    color: white;
}
.product__title h1, div#price-template--21339427733792__main .price.price--large.price--show-badge {
    color: white !important;
}

• And Save. 
• Result:
• 

[ChilynnH]

Yes, but it does not show "shipping" in the "shipping calculated at checkout line. & It does not show my pickup location which is "Ball State University". That text is still black.