Make sale price red on product page

How do I make the sale price red on the product page? I’m using the pipeline theme.

Also, how do I make the sale/save text red also?

Thanks!

1 Like

Hi @Mg71 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

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

span.product__price--off {
    color: red !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

@Mg71

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

  • Then find the theme .css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.compare-at, .product__price--off {
 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.
.product__price--off {
 color: red !important;
 border: 1px solid red !important;
}
.product__price--sale {
 color: red !important;
}

border: 1px solid red;

1 Like