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
Hello, @Famby
Thanks for post.
Please share your site URL,
So I will check and provide a solution here.
Hi thanks for responding. Site: famby.nl
Can you please help?
Thanks for URL.
.grid-product__price {
color: #ff0000;
}
.grid-product__price--original {
color: #000;
}
Thanks brother, you helped me a lot!
@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.
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.
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!!
Thanks for post
can you please share
this page url so i will check and provide proper solution
Sure @KetanKumar !
Our “clearance sale” page with that example from the picture I sent is here: https://www.kkgivingtree.com/collections/clearance-sale and the item from the picture will be the 6th item on that page but “all” items on that page are perfect examples.
Also, please note that the example in picture was from the “collection page” layout but the issue also affects the price layout on the individual product pages as well, as shown here: https://www.kkgivingtree.com/collections/clearance-sale/products/merrymaker-top-bloomer-set
Hello, @KristyC721
It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like
Hello, I have the same issue with the theme Prestige.
In the Product grid, how can I make the Original price and the Sale price with two different colors? (es. Green and Red)
LIKE THIS
€ 400,00 € 200,00
Hope to get some help very soon! thank you
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.
Hi thank you
Thanks for it
i have to check this but i can’t see this
can you please share particular URL
Hi @KetanKumar , I’m using the impulse theme as well, and having the same issue about the sale price and original price’s colour.
The non-sale prices’ colour will be changed to red at the same time if I used the code you provided up there.
My purpose is: sale products → original price keep black colour, sale price is changed to red colour
non-sale products → no colour change on price, keep black
Could you please provide me any help that can solve this problem. Thank you so much.
