kindly reply..want to change product image badge color, change it name , and change its position

Store Design
,
1

I want to change the color of the product image badge to red, change it from “on sale” to “save Rs xx,” and change its position to the top right corner.
And also want to show “save Rs xx” on product page below price

i am currently using prestige version 5-4-3-fl3jvd so guide me according to this version.
My website’s URL is:

https://lichenofficial.pk/

picture attached to the current badge:

Capture.PNG
Capture.PNG999×439 198 KB

2

Hi
Please navigate online store → theme → customize → edit code and open theme.css

.ProductItem__LabelList {
position: absolute;

right: 10px;

top: 6px;

text-align: left;

}
.ProductItem__Label {
…
color: red;
…
}
Good Luck :slightly_smiling_face:

Acme_0-1722511066743.png
Acme_0-1722511066743.png418×537 121 KB

3

position matter is solved but color is not working. Please solve my other issues, which i discussed above

4

.ProductItem__Label–sale {
…
color: red !important;
…
}
open en.default.liquid

Acme_0-1722513835890.png
Acme_0-1722513835890.png686×521 14.6 KB

You can replace title what you want.

5

{%- assign savings = card_product.compare_at_price | minus: card_product.price -%}
Save {{ savings | money_without_trailing_zeros }}

i want this code to be apply for product image badge …kindly tell me where to apply and kindly correct the code if wrong