Custom CSS to increase length of the Rectangular label in the Product greed

Hi Elise, can you please help 🙂

How can I extend the number of characters per line in the rectangular label, in the Product grid on the mobile?

I am using one attribute (title of the winemaker) to show on the rectangular label. When the title is too long on the mobile, it is cropped to the next line – not nice :)))
https://ibb.co/L94VWr0

Can yuo please send me a custom CSS to make the length of the rectangular label longer on the mobile please?

Thank you in advance!

Hello,

Please provide the link to the page, I will increase the width of the block.

Best Regards

Elise,
here is the link: https://www.independent.wine/wine-shop/
please send me the CSS code for both the length and the font size, so that I can play with both. Thanks!!!

Hello,

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

.product-labels {
    max-width: auto;
  min-width:200px
}
.product-labels span {
    font-weight:400;
}
.labels-rectangular .product-label {
    font-size: 10px;
}

Best Regards

Perfect! it looks fantastic!!!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts