Impulse - product card titles max. 1 line

[troydewitt]

Hi,

On impulse theme, is there a way to make the product tile titles 1 line max. and if the product title exceeds the length it will show as “…” at the end instead of continuing to a 2nd line under it

Website URL is https://pixierebels.com/

Kind regards

[PageFly-Richard]

Hi @troydewitt

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

@media(max-width: 300px) {
.grid-product__title.grid-product__title--body {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 120px !important;
    overflow: hidden !important;
}
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

[troydewitt]

Hi Richard, thank you for your response! I added the code but unfortunately it didn’t change it