sale price color

i want to cahge sale product price color

i tried to change it by CSS
.sale span.woocommerce-Price-amount.amount {
color: red;
}
but instead, it change all the sale price colors even del one (old price ) , can u help

Hello,

Please try using the following below-defined Custom CSS in this regard:

This Custom CSS will change the Color of the old Price of the Product:
del .amount { color: red !important; }

This Custom CSS will change the Color of the Strikethrough line of the old Price of the Product:
.price del { color: blue !important; }

This Custom CSS will change the Color of the actual Sale Price of Product:
.price ins .woocommerce-Price-amount { color: green !important; }

Location to paste Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> paste the CSS.

Best Regards

[Author]

Posts