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

Highlighted
New Member
2 0 0

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

0 Likes
Highlighted

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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

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

Thanks again

Gary

www.bobgnarlysurf.shop

0 Likes