Home › Forums › Basel support forum › Custom CSS to increase length of the Rectangular label in the Product greed

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 8, 2020 at 6:06 pm #172280

    oleg_dmitriev
    Participant

    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!

    February 8, 2020 at 6:40 pm #172284

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    February 8, 2020 at 11:17 pm #172313

    oleg_dmitriev
    Participant

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

    February 9, 2020 at 9:14 am #172329

    Elise Noromit
    Member

    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

    February 9, 2020 at 12:06 pm #172355

    oleg_dmitriev
    Participant

    Perfect! it looks fantastic!!!

    February 9, 2020 at 6:31 pm #172389

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
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.