Colour and highlight sales with red colour sales only. Pipeline theme

Topic summary

A Shopify store owner using the Pipeline theme wants to highlight sale/discounted prices in red and add a red ‘sale’ badge to products.

Solution provided by BSS-TekLabs:

For red sale prices:

  • Navigate to theme customization
  • Locate the base.css or theme.css file
  • Add CSS code: .price.on-sale { color: red !important; }
  • Save changes

For red sale badge:

  • Follow similar steps through theme editor
  • Add custom CSS styling (specific code shown in screenshots)

The helper provided step-by-step screenshots demonstrating the exact navigation path and code placement. The original poster confirmed receiving the instructions with screenshots but hasn’t yet marked the solution as resolved. All technical guidance relies on editing theme CSS files directly.

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

Does anybody know how to do this?

I just want to highlight sales or discounted prices with RED in my Shopify store.

1 Like

Hello @oswenkoln .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

www.oswenkoln.com

  • Here is the solution for you @oswenkoln
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.price.on-sale {
 color: red !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Do you know how to add a red ‘sale’ box?

please follow the step:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.