Changing the Sale / Sold Out Badge

GraceGlamour
Tourist
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.

 

0 Likes

hi,

can you provide me your website? URL

0 Likes
SagarSukhanandi
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 sagar.sukhanandi@gmail.com regarding any help
0 Likes