Sold out icon needs to be fixed

Hello,

How can I fix the “sold out” icon as it looks messed up?
Please see: https://snipboard.io/34CMsz.jpg

Hello,

In order to return a normal appearance for the “Sold out” label, please paste the below custom CSS code to the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-grid-item .product-label {
    word-break: unset;
}

In the meantime, please feel free to ask any questions you may have!

Kind Regards

Hi there,

This fixed “sold out” on the main image and product thumbnails, however it’s still messy in the single product gallery as seen here: https://snipboard.io/uQd9iR.jpg

How can this be fixed?

[Luke Nielsen]

Hello,

Replace the old code with the below, it should work for both pages, enter it into the “Global Custom CSS” area.

.product-grid-item .product-label,
.single-product .product-label {
    word-break: unset;
}

Thank you for your time and honesty. If there’s anything else we can do, please get in touch.

Kind Regards

• This reply was modified 2 years, 7 months ago by Luke Nielsen.

Perfect! thank you 🙂

Hello,

If you ever want to discuss things further, we’re here for you.

Do not hesitate to reach out to us and let us know how we can make things right.

Have a good day!

Kind Regards

[Author]

Posts