Impulse Theme - Price Comparison Color

Solved
rprioli
Tourist
5 0 5

Hi guys!

So, i'm trying to change the original product price to red when in comparison to the discounted price. I manage to find how to do that, but only for the collections page:

CollectionsCollections

Now I just need to do the same on the product page!

Product PageProduct Page

TIA

KetanKumar
Shopify Partner
23514 2361 8640

@rprioli 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rprioli
Tourist
5 0 5
KetanKumar
Shopify Partner
23514 2361 8640

This is an accepted solution.

@rprioli 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.product__price.on-sale {color: #ff0000;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rprioli
Tourist
5 0 5

@KetanKumar 

Almost!

But it's the crossed price that needs to be red

picprice.JPG

KetanKumar
Shopify Partner
23514 2361 8640

@rprioli 

do you mean cross price red and normal black right?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rprioli
Tourist
5 0 5

@KetanKumar 

 

For some reason, they linked both original and sale prices. I need to separate those so I can turn the original (crossed price) red and then edit the sale price to green

So I guess if you would be so kind to help me turn the crossed price red, I'd be able to do the rest through the theme settings

KetanKumar
Shopify Partner
23514 2361 8640

@rprioli yes its customization code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rprioli
Tourist
5 0 5

@KetanKumar 

Oh, so sorry! your code worked perfectly, I just had to customize it.

Much appreciated for taking the time to help and the quick answers! 

KetanKumar
Shopify Partner
23514 2361 8640

@rprioli 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing