Brooklyn how to change original circle discount design

Store Design
1

Hello is it possible to change design of brooklyn circle? linosmada.lt

I would like to change to this:
Screenshot_1.png

2

Hello @Avgustinas :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file theme.scss (or theme.scss.liquid) and add this code snippet at the bottom

.grid-product__on-sale {
    color: #fff !important;
    background: #e32c2b !important;
    font-weight: bold !important;
}

The result

Screenshot 2022-11-24 at 09.04.57.png
Screenshot 2022-11-24 at 09.04.57.png161×111 4.38 KB

Hope that helps!

3

Hi @Avgustinas ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.grid-product__on-sale {
    color: #fff !important;
    background: #e32c2b !important;
    border-radius: 18px !important;
    min-width: 100px !important;
}
.grid-product__on-sale p {
   padding: 5px !important;
   font-weight: 800 !important;
}

Hope it helps!