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 !
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
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
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
Should i remove the first code and replace it by this one or should i add this code underneath the first code ?