Changing "Sold Out" badge to a red circle

Site URL: https://www.ktlanestudio.com/originalpaintings/all-archive-of-work

Hello!

I'm wondering if anyone can provide how-to or custom code to make the "sold out" badge on my site be a small red circle that says sold out? Appreciate any help!

On 9/19/2024 at 9:54 PM, kt-lane said:

Site URL: https://www.ktlanestudio.com/originalpaintings/all-archive-of-work

Hello!

I'm wondering if anyone can provide how-to or custom code to make the "sold out" badge on my site be a small red circle that says sold out? Appreciate any help!

You can use this to Website Tools > Custom CSS

div.product-mark.sold-out {
    background-color: red;
    color: #fff !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}