Home Forums Basel – Premium Template Custom CSS to increase length of the Rectangular label in the Product greed

This topic contains 5 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #172280

    oleg_dmitriev
    Customer

    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!

    #172284

    Hello,

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

    Best Regards

    #172313

    oleg_dmitriev
    Customer

    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!!!

    #172329

    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

    #172355

    oleg_dmitriev
    Customer

    Perfect! it looks fantastic!!!

    #172389

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

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Custom CSS to increase length of the Rectangular label in the Product greed’ is closed to new replies.