Change Discount Price Color

Topic summary

A user asks how to change the discounted price color to red across their entire Shopify site.

Solution provided:

  • Navigate to: Online Store > Themes > Customize > Theme settings
  • Add custom CSS code to target the price sale item class
  • The CSS applies color: red !important to ensure the styling overrides existing theme styles

This is a straightforward CSS customization that can be implemented through Shopify’s theme editor without requiring direct theme file modifications.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Is there a way to change the discounted price color for the entire site to red?

Website

Hi @WaataBlasters

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.price-item--sale {
    color: red !important;
}
1 Like