Impulse theme - product tile titles 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

Kind regards

[niraj_patel]

Hello @troydewitt

You can add code by following these steps to make title in one line and if exceeds then show …

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

[data-type_product_capitalize=true] .grid-product__title,.grid-product__title { text-transform: uppercase; font-size: calc(var(--typeBaseSize) - 2px); letter-spacing: .2em; overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; line-clamp: 1 !important; -webkit-box-orient: vertical !important; }

[PageFly-Victor]

Hi @troydewitt

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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

Hope this can help you solve the issue

Best regards,

Victor | PageFly

[troydewitt]

Hi, this seemed to work but it changed the font and style of my titles too. Any way to just change the lines without other things?

[troydewitt]

Hi, thanks for your reply! On mobile, this did not do the job. Do you have any code to make the product tiles’ title 1 line max on both mobile and desktop?

[PageFly-Victor]

@waldewit
Maybe the theme version is different, please help me to send the live page URL, i will give you another code that will work properly.
Thank you

[eesop]

works , thank you

[eesop]

works, thank you