Product title 'text overflow ellipsis'

[Marzan]

Marzan

August 10, 2016 at 4:24 pm

Hi, I need help regarding my product titles when displayed on my home page and shop pages and all other pages (including sub categories for example ‘books’).

Currently if I have a long title for the product, the size of the product box extends and looks disproportionate to the other product box sizes. Please take a look at this link in my website as an example. You can see that the book ‘As a man thinketh’ looks disproportionate to the other products.
*Login to see link

I want all product boxes to be two lines ending with ellipsis (…) . I would like this to be the template for all current products on my websit and when new products are uploaded to also display in the same format.

I’ve seen some coding such as in the link below (showing ‘text-overflow: ellipsis;’), but having not used much CSS I am finding it difficult where to code correctly. I have just backed up my website to be safe before making any changes.
*Login to see link

I would really appreciate your help!

Thanks,

Mpiremind