Increase product title line height

Hello! When I try to increase product line height with this code

.wd-entities-title {
	line-height: 1.4 !important;
}

it changes to this: https://imgur.com/a/fCM9J96

I assume this happens because there is a 2 line limit on desktop (and 3 on mobile).

How can I increase product title line and also keep the line limit?

Hello,

The title line limit depends on the line height that’s why its making the bottom line visible when you increase line height.

Best Regards

Then how do I solve this???? This was the point of this topic!!

How can I increase product title line and also keep the line limit?

I want the two lines to be shown, not only one and a half

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .product-wrapper .product-element-bottom {
    --title-line-height: 28px;
}

Best Regards

Thank you

Hello,

You are Most Welcome.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts