How Display Big Product Tittle in two lines and then ... in Beae Page Builder

[Moeezshahid11]

Hey My Name is Moeez. I am using Beae Page Builder and i make a Home Page with it but after Creating my home page i noticed that the products on my home page tittles are like 2-4 lines its kinda ruining my all the home page Desgine so i just want a css code or method from which i can make product tittle on home page of two line and soo oon lines... if tittle is bigger thanks

[theycallmemakka]

Hi @Moeezshahid11 ,

Can you provide me link to the store?

[Moeezshahid11]

https://gizmeleon.shop/

[ZestardTech]

Hi @Moeezshahid11 

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Moeezshahid11]

https://gizmeleon.shop/

[niraj_patel]

Hello @Moeezshahid11 
Can you share store URL?

[PageFly-Richard]

Hi @Moeezshahid11 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.beae-block.beae-x-text.beae-scale-ratio.beae-typo-p2 {
    display: -webkit-box;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard  | PageFly