Retail Price And Sale Price Color

I’m trying to change the color of the retail price (strikethrough price)

Where can I do that?

Hello,

You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

I’m not sure where that font color is listed. It’s the retail price. Also, I wanted the sale price over the image to be red, and I know it’s currently on one of the primary colors that I want to keep green.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .price ins .amount {
color: red;
}

body .single-product-page .price ins .amount {
color: red;
}

Set the color as per your needs.

Best Regards

how to change the regular price with green and the on sale price to blue without change the primer color ..??

Close. That’s backwards, though. Strikethrough price needs to be red. That makes the sale price red.

Hello,

I did not know what color you need. That is why I specified “red” Replace the color with any as per your needs, for example – blue.

You will get this code:

 .price ins .amount {
color: blue;
}

.single-product-page .price ins .amount {
color: blue;
}

del .amount {
    color: green;
}

Best Regards

the regular price how to change it ? separated from them ?

Not the sale price – the strikethrough price or the retail price.

i got it now fix by my self :

 
/* Color of On Sale price */
.price ins .amount  {
color: #c2161d;
}
/* Color of Regular price */
 .amount {
    color: #0060ac;
}
/* Color of Old price */
del .amount {
    color: #777;
}

Hello,

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts