How can I alter the color of the 'Sale' label on my product page?

[fjulap]

Hi, I want to change color of the “Sale” on the product page that is currently blue. Store: https://fuelupnutrition.myshopify.com/products/bee-pearl pass:towdro

[INA_MSWEB]

Hi @fjulap

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.badge.price__badge-sold-out {background: #000 !important;}

Note: You can change the color yourself to replace the color code.

Regards,

San

[websensepro]

Hi @fjulap ,

To change the color of the sale badge, follow these steps
1 - Goto Online Store → Click on edit code

2- Add below-mentioned code at the bottom of the base.css file

span.badge.price__badge-sale.color-accent-2 {
    background-color: red;
}

if it works for you, don’t forget to like it and Mark it as Solution

[made4Uo]

Hi @fjulap

You can achieve this by following the instructions below

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

span.badge.price__badge-sale {
    background: red;
}

Result here: