Make Badges Different Colors

[Mg71]

Right now we have two badges, free shipping and sale. I'd like to make the sale badge red, but keep the free shipping badge black. I'm using the pipeline theme. I've attached an image of the two badges. 

Thank you!

 

[Made4uo-Ribe · Accepted solution]

Hi @Mg71 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.product__badge.product__badge--sale {
    color: red;
}

• And save. 
• Result:
• 

[Mg71]

Thank you!

[PageFly-Theodor]

Hi @Mg71 

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product__badge.product__badge--sale {
    color: blue !important;
}
</style>

Hope this can help you solve the issue

Best regards,

Theodore | PageFly