Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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; }
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 for it
i have to check this but i can't see this
can you please share particular URL
Thanks
it can be done some customization code can you please contact PM
Hi KetanKumar can I have customisation codes please to solve the problem? thank you
can you please share a personal message or staff account
How Can I send a private message?
I am not getting any help or answer to it.
Thanks
I have send message please check
hello sir,
can you send me a private message i need help too
Yes, please sent
Hi there,
We are having the same issue with the Impulse theme, and would like to have our sale prices in red while keeping normal prices in black.
Can you please help with this ?
Sorry for facing this issue, it's my pleasure to help us.
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 for store 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--original + span + span.money {
color: #e23737;
}
Solved! Thank you so much 😊
Hello KetanKumar,
I have added the code below in Asset->/theme.css.liquid of my Impulse 2.0 theme.
.grid-product__price--original + span + span.money {
color: #e23737;
}
The sale price on the Collection pages now appear in the color I want! Although, the color of the price on the Product pages did not change. Attached are screenshots.
Is there another line of code that fixes that?
Thanks!
can you please share store url
thanks for url please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste the below code at the bottom of the file.
.product__price.on-sale {color: #ec008c;}
i have work your store in past time Design and Development
Thank you! That worked!
its my pleasure t help us
Hey @KetanKumar it's https://mainshop111.myshopify.com/
Password is cahffa
I also couldn't find theme.css but instead theme.liqud
thanks for url can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/style.css ->paste below code at the bottom of the file.
.product-item-price-default {
color: var(--color_page_link);
}
its my pleasure to help us
Hello,
Could you also guide me on how to change the sale price colour to distinguish it from the normal price? The theme used Palo Alto. The store url is www.northwestterritory.co.uk
yes do you need sale price color? please send product grid card code
Hi, Yes I wished to change the sale price colour basically. could you please specify where I could find the product grid card code?
Hi Ketan can you please help me, how can i change the colour of my sale price? my url is https://lumenlab.co.uk/
thankyou
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