Changing colour of font on product page on Dawn theme

Hi,

I’m trying to change the colour of the text on my product page to black without changing the rest of the website. Currently, it is white on white so can’t be read and when I change the colour of the text in the theme settings it changes it for the whole website. Please help. Thanks

https://novagolfclo.com/products/example

1 Like

Hi @amaan4 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product__title h1,
.product__title .h1,
.price,
.badge,
.product__tax,
.product-form__buttons span,
.summary__title,
.accordion__title,
.accordion__content {
    color: #000 !important;
}

I hope it would help you

@amaan4
put below css into base.css file (Online store ->themes->Edit code->Assets->base.css)

section#shopify-section-template--17597254566199__main {
    background-color: black !important;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw.LVeInvZ5HcNOW1Zsn7NH {
    background-color: white !important;
    color: black !important;
}

you can make like below one it’s also look osm