Hi everyone,
I was trying to customize the colour of the ‘compare at price’ from black to red. I have checked some previous solutions on this forum which were usually adding a few lines to the theme. However, they were not working in my case, possibly due to the custom templates I have. Do you have any idea for a possible solution?
Regards,
Gounay
Hello There,
Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.
Hi Pallavi,
Thanks for your response. The URL is www.youthandearth.com. I have attached below the images of my homepage, collection page and product page respectively.
Regards,
Gounay
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
span.price-item.price-item--regular {
color: #ff692e!important;
}
Hi Pallavi,
Thanks for your response. However, what we require is to change the colour of the ‘compare at price’ for discounted items. This code changed the regular price for undiscounted items. I have highlighted the price we need to change on the 1st image below. The 2nd image shows how it appears now. We need the ‘strike through’ price in red.
Regards,
Gounay.
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
s.price-item.price-item--regular {
color: #ff692e!important;
}
Hi Pallavi,
Thanks for your response and help. It is working well now.
Regards,
Gounay
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.