Change the color of the Sale Button

Hi,

I want to change the color of the sale button next to the prices since it doesnt stand out enough right now.

I would like it to be this color #815355 with white text, could someone help me with this?

Keep in mind I am terrible at coding so please keep it as simple as possible :sweat_smile:

Appreciate any help!

Hello @HimmelskMyk

Place add the below code in css file
span.badge.price__badge-sale.color-accent-2 { // replace the class name with your class
background: #815355;
color: #fff;
}

Hey @HimmelskMyk

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT

If I managed to help you then, donโ€™t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hello @HimmelskMyk

Step 1: Go to Online Store > Theme > Edit code > find base.css file and add the following

.badge.price__badge-sale.color-scheme-5 {
	background-color: #815355!important;
}

Screenshots for reference :slightly_smiling_face:

That section is not on the Trade Theme