Discounted price in another colour | Lorenza Theme

[MareeAnnCo]

Hello,

Is it possible to have the discounted price (that I’ve circled below) to show up in red?

Thanks so much,

Ash

Thanks - @LitCommerce

[MandasaTech]

Hello @MareeAnnCo ,
Please share your website URL.

[MandasaTech]

go to edit code > assets > index.css and add this:

.template-collection .price-item.price-item--sale.accent {
     color: red !important;
}

Before adding this code to the theme, you should make a backup of the theme.

[SpeedyDev]

@MareeAnnCo

span.price-item.price-item--sale.accent {
    color: red !important;
}

Add this code in the bottom of index.css file.

Follow this:

1. Navigate to Online Store->Theme->Edit code
2. Asset->/index.css ->paste below code at the bottom of the file.
3. Save it.

Thank you

[MareeAnnCo]

Hi @SpeedyDev

Thank you so much!

Could you please let me know how to keep the price in red on the product page?

Thank you,

Ash

[MandasaTech]

Hi @MareeAnnCo

go to edit code > assets > index.css and add this:

.product__price s[data-compare-price] {
color: red !important;

}