Sold out label

When translating ‘Sold Out’ into Spanish, which is ‘Agotado’ the label over the product image becomes narrow. Divides the word into two lines. I share by private the link where it is observed.
I ‘d tried …

.product-label.out-of-stock {
width: 70px;
}

in theme settings >> custom CSS but doesn’t work.

thanks in advance

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

/*product*/
body .product-images .labels-rounded .out-of-stock {
    min-width: 77px;
    min-height: 77px;
}
/*grid*/
body .labels-rounded .out-of-stock {
    max-width: 79px;
    font-size: 12px;
}

Best Regards

[Author]

Posts