Prestige Theme: Change price color and sale badge color

Solved
rougeon
Tourist
8 0 2

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

Hello @rougeon,

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
rougeon
Tourist
8 0 2

Dear @oscprofessional,

 

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

 

Thanks!

0 Likes

This is an accepted solution.

@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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
rougeon
Tourist
8 0 2

Thank you @oscprofessional! This worked perfectly!

0 Likes
manhuynguyen
Tourist
6 0 0

Hi, I did the same thing but nothing happen. I'm using v4.5.5. Please help.

0 Likes

Hello @manhuynguyen,

Can you please share your site url?

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
manhuynguyen
Tourist
6 0 0

http://horad.co/ here it is. access password: 130196

0 Likes
offcode
New Member
5 0 0

Hello,

 

Please help. We have the same

issue, we want to change the color of the sale box to red and white font. 

we tried the above solution and it didn’t work. Error message it couldn’t be saved

0 Likes
offcode
New Member
5 0 0

Please help

0 Likes