Community > Answers

How can we help you today?

Ask Question
Manage notifications
Subscribe to this question
36 views

Product name gets cutoff in grid view

In the current Live Storefront template, the product name gets cutoff in grid view and does not make any sense to customers in my situation, they need to switch to list view to see what product it is. How do I get full product name in grid view and have it wrap?

Mariette Knap Mariette Knap
asked 06/20/2019 15:47
Add Comment
Last Activity 06/21/2019 05:15

1 Answer(s)

  • answered 06/21/2019 04:45
    Ashish Pachori

    You can change the height property in Default.css (/DesktopModules/LiveStoreFront/Store/Themes/YourTheme/Resources/Style/) at line no. 2161

    .lsf_default .product_gallery .product_item h3 {
        color: #666;
        letter-spacing: -1px;
        font-weight: 600;
        font-size: 15px;
        line-height: 16px;
        margin: 10px 0;
        padding: 0;
        text-transform: capitalize;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 18px;
        letter-spacing: 0.5px;
    }

    Add Comment
    Mariette Knap
    replied 06/21/2019 05:15

    Thanks Ashish! I also had to increase height on line 2127 

    Reply
Add an Answer