How to shorten product titles on Ride theme homepage?

[Tproduction]

Is there anyway to shorten the products title when on the homepage/frontpage as it takes too much space.

[jordanholmes]

Hello,

I wouldn't recommend shortening product titles but you can technically do it like this

{{ product.title | truncate: 10 }}

or 

{{ product.title | truncatewords: 5 }}

[Tproduction]

where should I place this code?

[NomtechSolution]

Use this code

.product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px; /* Adjust this value to your desired width */
}

[Made4uo-Ribe]

Hi @Tproduction ,

Would you mind to share your URL website with password if its protected? Thanks!