Impulse theme - product tile titles 1 line

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

1 Like

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

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

1 Like

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?

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?

@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

works , thank you

works, thank you