Change badge, price color

[Antonynex]

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 !

 

 

[B2Bridge]

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.

[Antonynex]

Offcourse that is lucky4voeter.nl

Password Temp12

[B2Bridge]

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 </head> tag and add the following code above </head> 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 😍

[Antonynex]

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 ?

[Antonynex]

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

[B2Bridge]

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.

[Antonynex]

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

 

 

[B2Bridge]

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 😍

[Antonynex]

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

[Antonynex · Accepted solution]

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