Change Price color

Solved
Highlighted
Tourist
11 0 2

Hello, my current price and sales price colors are both the same, and I would like to create a distinction between the two. I understand it has to deal with the code, how can I change the current price to black, and sales price to red?

Theme: Impulse

Highlighted
Shopify Partner
9533 1200 3353

Hello, @Famby 

Thanks for post.

Please share your site URL,
So I will check and provide 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

Hi thanks for responding. Site: famby.nl

0 Likes
Highlighted
Tourist
11 0 2

Can you please help?

0 Likes
Highlighted
Shopify Partner
9533 1200 3353

This is an accepted solution.

@Famby 

Thanks for URL.

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

.grid-product__price {
color: #ff0000;
}
.grid-product__price--original {
color: #000;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

Thanks brother, you helped me a lot!

0 Likes
Highlighted
Tourist
6 0 2

@KetanKumar  I am also using the theme Impulse by Archetype and had the same issue we want resolved. I added the code you suggested and it worked but it ended up "also changing" my regular priced items (non-sale items) to be red as well and we want them to remain their original black color. 

I don't want any of my products not on sale to be affected by these code changes.

End goal is to have: Regular non-sale products have price that remains original black color and current sale items have the strike through price in grey with new sale price in red.

Let me know if you have a solution. Thank you in advance for your time, I appreciate any help I can get. 

Highlighted
Shopify Partner
9533 1200 3353

@KristyC721 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
6 0 2

Thanks @KetanKumar 

My site URL is www.kkgivingtree.com

I'm going to upload 2 images below. One showing my current sale price layout and then the next one showing an example of the layout I want instead. I prefer the strike-through price to be grey and show sale price in red with "now (sale price)". Let me know if possible, thanks!!

Current Live Sale Price ExampleCurrent Live Sale Price ExampleThis is an example of how i want sale price to look insteadThis is an example of how i want sale price to look instead

Highlighted
Shopify Partner
9533 1200 3353

@KristyC721 

Thanks for post

can you please share 

this page url so i will check and provide proper solution

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes