Prestige Theme: Change price color and sale badge color

Solved
Tourist
8 0 1

Hello,

 

I am trying to change the color of the product price in the collection pages. I found how to do it in the theme elements with the "body light text", however it changes also a lot of other text element such as text in the cart.

How can I change only the product price color?

 

Also, how can I change the sale badge color?

 

Capture d’écran 2020-02-25 à 12.47.25.png

 

Thanks,

 

Melanie

0 Likes
Highlighted

Hello @rougeon,

Please share your site url so that I will give you exact solution

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
8 0 1

Dear @oscprofessional,

 

The site url is: https://ateliercomplice.myshopify.com/

 

Thanks!

0 Likes
Highlighted

Success.

@rougeon,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.template-collection .ProductItem__PriceList.Heading span:not(.Price--highlight) {
	color: green;
}
.template-collection .ProductItem__Label.ProductItem__Label--onSale.Heading.Text--subdued {
	color: red;
}

Note:Please change color as per your requirement

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
8 0 1

Thank you @oscprofessional! This worked perfectly!

0 Likes