How to change color of compare price

MarksBcn
Excursionist
31 0 11

Hi guys, 

Could anyone please help me to change the compare price color on prestige theme (collection and product page). My URL is https://kannuii.es/

Many thanks

Marc

Replies 5 (5)
Zworthkey
Shopify Partner
5581 641 1503

hii, @MarksBcn 
Which color do you want to put in compare price??
Can you give me color name/code so,
I can solve it.
Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
MarksBcn
Excursionist
31 0 11

hi @Zworthkey , it would be by the red one

Thanks

dmwwebartisan
Shopify Partner
10710 2339 3325

@MarksBcn 

 please Go to Online Store->Theme->Edit code then go to assets/theme.css or theme.scss.liquid ->paste below code at the bottom of the file.

.Price--compareAt {
color: red !important;
}

.ProductMeta__Price.Price--compareAt {
    color: red !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Zworthkey
Shopify Partner
5581 641 1503

hii, @MarksBcn 
Paste this code on top of the theme.scss file.

span.ProductMeta__Price.Price.Price--compareAt.Text--subdued.u-h4 font {
    color: red !important;
}

Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
Kinjaldavra
Shopify Partner
2302 569 1405

hello @MarksBcn 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

span.ProductMeta__Price.Price.Price--compareAt.Text--subdued.u-h4 font {
    color: #f50404  !important;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder