[Brooklyn Theme] Having only 3-4 lines for the product title for the collections page

Excursionist
38 2 5

Hi there!

 

I'm currently developing a theme, so here's a preview link instead: https://t64j3bxv0jo7kv0b-14899558.shopifypreview.com

 

I was wondering how to make the product title on the collections page 3-4 lines long. Please see the photo below for reference.

Annotation 2019-09-20 160559.png

 

Any help would be appreciated. Thanks!

Email: ela.v.tsm@gmail.com
0 Likes
Shopify Expert
665 170 199

Hi @Ela_V_TSM,

This is Evita from On The Map.

 

You can add this code in your theme assets/theme.scss.liquid at the file bottom

 

.grid-view-item__title.product-card__title {
    line-height: 1.5em;
    max-height: 6rem;
    overflow: hidden;
    display: block;
    margin-bottom: .6rem;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like