How do I change Just the 'Sale' Button to red on the refresh theme without changing Buy now etc

Store Design

Topic summary

A user seeks to change only the ‘Sale’ button color to red in the Refresh theme without affecting other buttons like ‘Buy Now’.

Solution Provided:

  • Add custom CSS to the end of the base.css file
  • Target the specific class: span.badge.price__badge-sale
  • Apply red background and border colors using hex code #ff0000

Outcome:
The issue was resolved successfully. The user confirmed the solution worked by thanking the respondent.

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

How do I change Just the ‘Sale’ Button to red on the refresh theme without changing Buy now etc

91791-92417-81923-71346-99354.png
91791-92417-81923-71346-99354.png1920×961 140 KB

2

@Lachy7 - can you please share the page link? it will need css

3

https://www.thegroomi.com
it’s on the home page and product page

4

@Lachy7 - please add this css to the very end of your base.css fiile and check

span.badge.price__badge-sale {background-color: #ff0000;    border-color: #ff0000;}

suyash1_0-1674359677808.png
suyash1_0-1674359677808.png1366×768 151 KB

5

Thank you so much!