Change my sales and sold out badge icon position & shape in minimal theme

[wv2020]

Hi there!

I am using minimal theme and found that my sales badge / sold out badge is wrongly positioned, and I want to change its shape back to circle and put it into the top right hand corner.

May I know how could I update the coding?

Thanks a lot!

[suyash1]

@wv2020 - please share page link

[Kinjaldavra]

please share your site link and page link and if any password then please provide password

[wv2020]

@suyash1 @Kinjaldavra

https://www.wvcloset.com/collections/%E8%A5%AF%E8%A1%AB-%E9%9B%AA%E7%B4%A1?page=2&sort_by=created-ascending

I wanna chnage both sale/ sold out icon to be a retangle, larger and at the top right hand corner, thanks.

[suyash1]

@wv2020 - add this to the end of theme.scss file and check, adjust number as per need.

.badge{
border-radius: 0;     top: 0;     left: initial;     right: 0;     padding: 5px;
}

[Kinjaldavra]

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.grid-link__image .badge--sold-out{
    top: 0 ;
    right: initial !important;
    border-radius: 0 !important;
    left: 0;
    padding: 10px !important;
}