How can I alter the color of my sale badge and price text?

[Emiway]

I Want To Change My Sale Badge Colour to red

URL https://ninetees.shop/

Also Want To Change Colour Of Rs. 599.00 text To Red and have to remove that sale 40% Of 

[LuffyOnePiece · Accepted solution]

Hi @Emiway 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

.grid-product .grid-product__tag.grid-product__tag--sale {
    background: #ff4e4e;
}

.grid-product span.grid-product__price--savings {
    display: none;
}

.grid-product .grid-product__price {
    color: #ff4e4e;
}

Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[LuffyOnePiece · Accepted solution]

Hi @Emiway 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

.grid-product .grid-product__tag.grid-product__tag--sale {
    background: #ff4e4e;
}

.grid-product span.grid-product__price--savings {
    display: none;
}

.grid-product .grid-product__price {
    color: #ff4e4e;
}

Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[Anshul_arora]

Hello @Emiway ,

I have reviewed your store and understand the changes you are looking to implement.

Please add the below mentioned code at the bottom of the theme.liquid file before </body> tag and save.

<style>

.grid-product__tag.grid-product__tag--sale {
background-color: red !important; /* Change the 'Sale' Badge color */
}

span.grid-product__price--savings {
display: none !important;
}

.grid-product__price {
color: red; /* Change the product prices to red https://prnt.sc/uKIr130WOaaI */
}

span.grid-product__price--original {
color: black; /* In case you are looking to make the original price black and sale price red https://prnt.sc/se7YuOmQXcxQ , then use this code otherwise remove it */
}

</style>

[ Screenshot mention in code - https://prnt.sc/uKIr130WOaaI , https://prnt.sc/se7YuOmQXcxQ  ]

I hope the code helps you.

Please share if you have any queries.

Thank you.

[INA_MSWEB · Accepted solution]

Hello,

I am San from MS Web Designer.

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before </body>

<style>
.grid-product__tag.grid-product__tag--sale{    background: red !important;}
.grid-product__price--savings{display:none !important}
.grid-product__price:not(.grid-product__price .grid-product__price--original){color:red}
</style>

Hope this helps.

If you have any concerns, do let me know.

Regards,

San