How Do I Change The Color Of The Sale Tag Shown In The Image?

Store Design
, ,

Topic summary

A user seeks help changing the color of a sale tag on their Shopify product page. They provide a product URL as reference.

Proposed Solution:

  • A support representative suggests adding custom CSS code to the theme.liquid file
  • Instructions involve: navigating to Online Store → Theme → Edit code, locating theme.liquid, and pasting CSS at the bottom
  • The CSS targets .badge__price-sale class to modify background and text colors

Current Status:

  • The user attempted to implement the code but reports it did not work
  • The conversation remains unresolved, awaiting further troubleshooting

Note: Some text in the thread appears corrupted or reversed, making portions difficult to read, but the core issue and attempted solution are clear.

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

https://charmente.com/products/long-sleeve-jumpsuit

Thank you!

IMG_5634.jpg
IMG_5634.jpg1170×2532 190 KB

2

Hi @Simon159 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

Hey so i copied the code like this and it did not work :

.badge price__badge-sale{ background: #FFCCE7; color: #FFFFFF; }