A user seeks to change the color of “compare at” (strikethrough) prices in the Empire theme from red to a different color. They attempted using the theme’s style-sale accent settings without success.
Issue Details:
Proposed Solution:
A responder provided CSS code to add to custom.css or theme.css targeting .price__current--on-sale span.money with a specific RGB color value. When the initial code didn’t fully resolve the issue, they offered an updated CSS snippet using !important flag and a hex color code (#15113a) to override existing styles.
Status: The conversation remains open, awaiting confirmation whether the revised CSS solution successfully changes all compare-at price colors across the site.
Theme - Empire
URL: WWW.JMUDENTAL.COM
How To Change Compare To Price text color?
I was trying to change it at theme style-sale accent, but it doesn’t work.
On both the home page - featured collection section and on individual product pages
some products does not have compare price, and the color is still showing red.
Hi @JMUDental ,
Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css
.price__current--on-sale span.money { color: rgb(40, 121, 176); }
Thank you for replying. I did this step, but some product’s prices still showing red. Even though that products doesn’t have discount price.
Kindly use this code
.price__current .money {color: #1151a3 !important;}