"Out of stock" change to bigger size

I would like to change the size of the “bubble” that says Out of stock but in my case the word is longer and won’t fit now.

See picture: https://prnt.sc/snn2gh

Trying to figure out how to change it on the width but it wont work.

Any suggestions?

Hello,

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

body .labels-round .onsale { 
color:#ffffff; 
background-color:#000000; 
font-size:12px; 
width:70px;
height:70px;
}

Change the values as per your needs, if code does not work, please provide the page URL.

Best Regards

Isn’t on
.product-label.out-of-stock {

I should change?

I’ve been adding
font-size:12px;
width:70px;
height:70px;

But no changes.

Hello,

Please provide the site admin access to the private area

Best Regards

Try now, should be open up now.

Is there a way to make it bigger?

Hello,

Your site is under maintenance, please provide your site admin access to the private area.

Best Regards

Its open now so you can see.

Hello,

Replace the code with this one:

body .product-image-summary .product-images .labels-rounded .product-label {
    min-width: 70px;
    min-height: 55px;
}
body .product-label.out-of-stock {
    font-size: 10px;
}

Best Regards

[Author]

Posts