How do I change the colour of the sale price of products on collection pages - minimal theme?

ecobeau
Tourist
11 0 0

Hi 

 

I am looking to change my theme and am currently working on a new Minimal theme. I was wondering if anyone could tell me how to change the font and colours on sale prices? If I have a product on sale on both collection pages and individual product pages the fonts are the same colour and size on both the original and sale price therefore making it difficult to see.

 

Could someone advise me on how to change this?

 

Many thanks 

 

Rebecca

0 Likes

Hello ecobeau,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.grid-link__sale_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
Qualitycheck
Shopify Expert
1404 114 220

Please Share a Store url to better assist.

0 Likes
pete-w
Tourist
3 1 1

Hopefully this will help, I managed to change mine by going to ASSETS/THEME.SCSS.LIQUID

at the very bottom of the page insert this:

 

.grid .product-single__prices {

color: red;
}

0 Likes