Liquid, JavaScript, themes, sales channels
Hi!
I need some help changing the font colour of the comparison price in the IMPULSE Theme.
As you can see, both are black. The new price should be red-ish.
Can anyone give me a hand?
PASS: website
Hi @WearBasics
If the new price is red then all the other normal prices will be red, this will require you to create a new CSS entity for this specific price condition (when compare at is present) so that it is colored red. Or do you mean the striked price should be red?
Thanks for the quick reply.
There are 2 prices: the crossed one and the comparison price.
I would like to change the comparison price to RED and keep the crossed price BLACK.
The thing is that there is an option that changes color but it changes BOTH of them. I dont know how to procede.
I would love to know how to create this when-compare-at-is-present condition for the Impulse Theme. Thanks!
hello @WearBasics
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.template-collection .grid-product__content .grid-product__price .grid-product__price--original{
color: #f80707 !important;
}
You might have to do some liquid to base the color on wheather or not there is a compare_at price...
Thank you, now on the collections it worked. But on the product page both prices is still in black. Do you know how to fix that too?
hello @Stefan1992 can you please share your shop preview URL and share a screenshot of the product page
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024