Strikethrough Price and price colour change.. We've got so far, but just need a little help :-)

Store Design
1

Hi all.. We use the venture template and we recently added some code to change the strikethrough price colour to red and also the sale price to green. We used this code in theme.scss.liquid..

.product-single__price {
color: green; font-weight: bold;
}
.product-single__price–compare {
color: red;
}

See in action at this page here

What we would now like to do is also to have this same colour scheme on home page etc. At the moment on our home page we have a number of collections displaying with the strikethrough price etc, but no colour change. We’d like to apply the same green and red to homepage.

View our homepage here

I guess it will of course be a CSS addition but not sure what the ‘tags’ are (if that’s the correct term), ie ‘product-single__price’

Many thanks if anyone can offer some guidance..

Gary

2

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product-card__price {
    color: green;
}
.product-card__regular-price {
    color: red;
}
3

Awesome, many thanks for sending that over. Works a treat!

Thanks again

Gary

www.bobgnarlysurf.shop

4

Hi friend, I tried this, but it don’t work. My theme is minimal version. Thanks.

5

Hello Jenny20201130,
Please share your site url.
So that i can check and let you know the exact solution here.

6

Hi, I’m having a similar issue with the Supply font. I want to change the colour to the same grey per the description of the product on the main page. Currently black.

Would you be able to assist?

Thank you!