Collection Page Product title display 2 lines

WILLIAMDU
New Member
2 0 1

Hi Shopify Experts

I want my product title on collection/catalog page to display 2 lines only. Now it is displaying multiple lines

my theme is kalles

dongmanwangguo.shopify.com

password    draoly

Anyone can help me?

dmwwebartisan
Shopify Partner
7368 1746 2332

@WILLIAMDU 

Your store URL is not working. Could you please check again?

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
suyash1
Shopify Partner
3012 329 504

@WILLIAMDU - to be honest you have too big titles, and since font is bigger its coming down on multiple lines, so avoid it need to reduce font size, but since your titles are too big it will be like 8px/10px which is not feasible to read , but if you are fine with 4 lines then please add following css to the very end of theme.css file, you can adjust number as per your need

 

.product-card__title{font-size: 14px;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
LamQSolutions
Pathfinder
113 26 39

Hi,

To change the font size of the product title, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

.template-product .product-single__title {
  font-size: 15px;
}

@media screen and (max-width: 510px) {
  .template-product .product-single__title {
    font-size: 13px;
  }
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
0 Likes