Changing the Sale / Sold Out Badge

8 0 1

Hey. I am trying to change my current theme into something that really fits my branding. I have looked into a purchased themes, but I honestly believe with a little help I can change the Brooklyn theme into something I adore. 

First, I do not like that it says "Save $2," and instead would prefer it to say SALE. 

Second how can I change the color of those circles? the placement on the product image?

I would like them to also mimic those of the minimalist theme.




can you provide me your website? URL

New Member
97 17 30

Hello @GraceGlamour 

Here is the easy way to fix colors
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

For On Sale : (I have used color from your logo for now you just need to change color code)

.grid-product__on-sale {
    color: #18b5bd !important;
    border: 1px solid #18b5bd !important;

For Sold Out : (I have used red color)

.grid-product__sold-out {
    color: red !important;
    border: 1px solid red !important;

Now to change text from "Save $2," to "SALE" you need to provide staff access of website because this issue will require to verify code structure

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help