Fixed title space in categories preview / not using capital letters for titles

The website isn’t public for now, you have admin credentials below, in private content.

Please look at this page – http://mobilum.uk/product-category/furniture/

Also, please take into account I already have a .css custom change, for the height of the picture previews in the categories page to be the same:

img.hide-image {
height: 230px;
}

Right now I have 4 products per row, as the client changed his mind.

Please give me custom .css codes to make everything have the same size, the whole preview area, including the title. Probably not having capital letters there will help 🙂

Thanks again 🙂

Yep, this helps with the capital letter, and the title is now ”smaller” also in height. However, it’s still not enough, although it clearly helps a litlle.

Please take a look here… http://mobilum.uk/product-category/furniture/

Can I somehow force a height for the title (let’s say two rows for all titles), so everythime it stays the same (the preview height to be always the same).

I rely on your judgement, maybe you have a better solution 🙂 Thank you again 🙂

Yep, that was what I needed.

Thank you very much!!! 🙂

Ticket closed 😉

Hello!

This ticket is not exactly fixed. I mean that always only two lines of the title are shown, however when a title is longer than two lines, the third line is still shown, overwriting the line below. What code must I add to force ONLY two line of the title to be shown?

See here exactly the problem (the last product on the right).

Please note I have the following custom .css changes for the category pages:

img.hide-image {
height: 192px;
}

.products-grid .product .product-name {
text-transform: none;
}

.products-grid .product .product-name {
height:45px;
}

The last one is from this thread, mentioned two posts above.

Thank you in advance 😉