How to make the discounted price red color in the product grid?
Topic summary
A user wants to change the color of discounted prices to red in their product grid display.
Another participant provides a CSS solution:
- Navigate to: Online store → Themes → Customize → Settings → Custom CSS tab
- Add the following code:
span.money:nth-of-type(4) {
color: red !important;
}
The solution successfully resolves the issue, as confirmed by the original poster. The response includes a screenshot showing the expected visual result after applying the CSS code.
Hello @Jim3 ,
Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
span.money:nth-of-type(4) {
color: red !important;
}
It will look like
1 Like
@AiTrillion Thank you ! 