Collection Page Product title display 2 lines

Store Design
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?

1 Like
2

@WILLIAMDU

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

3

@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;}
4

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;
  }
}