Change badge, price color

Dear people, i tried to change my discount badge and price colors in the base.css file with the codes in the screenshot. But i wil not change, could someone help me with a solution for this ?

Thank you Verry Mutch !

Hi @Antonynex
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Offcourse that is lucky4voeter.nl

Password Temp12

Hi @Antonynex

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag

Here is the code for Step 3:

{% style %}
span.product-price-final{
    color: #0d7310 !important;
}
span.price-badge-sale.badge{
    background-color: #0d7310 !important;
}
{% endstyle %}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

1 Like

It works but only on the product page not in the sections featured products, the section recommended products, the collection (template) and in the card itself. Is there a way for that so that it shows on those sections to ?

The badge does show on those collections but in the old green i need to change them in the same way and color as on the product page, because your code works fine on the product page only it does not change the colors on the other sections

Hi @Antonynex
Can you kindly share the details of your problem (screenshot/ record) with us? We will check it and suggest you a solution if possible.

Offcourse and thank you so Mutch, here are the screenshots on where it does not change the badge and the price color

![20250218_121224.jpg|1908x4032](upload://2GEmKthcXu26ES15gOmXirsK9ll.jpeg)

Hi @Antonynex
using this code

{% style %}
span.product-item-price-final{
    color: #000 !important;
}
span.img-badge-sale.badge{
    background-color: #000 !important;
}
{% endstyle %}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

Should i remove the first code and replace it by this one or should i add this code underneath the first code ?

It works but how can i change the old price color ?