How can I change text color on product pages using code?

[JuliusBerlin]

Hi Shopify Community,

I would like to change the color of different texts on the product page. About the themes colors, I can not change individual colors, so I would like to do this via the code.

The instructions that are here always tell me to look for it under style.css.liquid or theme.scss.liquid.

but i can’t find these points :

This is the link to the store:

https://king-shakerz.com/products/alu-shaker-1

And this is what the text on the product page should look like:

[BSS-Commerce]

Hi @JuliusBerlin ,

I didn’t see you specify the requirement to change the color with the color code, but for your Ride theme, it is possible to change the text color by adding the code in the base.css file. Please follow these steps:

I hope that it’s useful to you, please let me know if you need any further help.

[JuliusBerlin]

I have a second question:

how can I change the font in the shopping cart?

I put the images in the bottom.

I want to have the top text “subtotal” which is in black, gray.

And the bottom text green as in the second photo.

Thanks

[BSS-Commerce]

Hi @JuliusBerlin

You can change the text color cart drawer by adding this code in base.css . file

.cart-drawer__footer .tax-note {
  color: #0ba70b;
}

If it works for you, please let me know by giving a live or marking it as solution.

[JuliusBerlin]

How can i make the Sale text white, without changing all the color of the text to white?

[BSS-Commerce]

Hi @JuliusBerlin

Sorry for the late reply. You can add this code to the file base.css

.price__container .price__badge-sale {
  color: #ffffff !important;
}

Hope that it works for you.