Align "Detail" buttons on Category Page

A lot of questions today... sorry about that.

On the category page I have products in rows of three. However, the product detail buttons are all at different levels depending on how long the title is above or if the thumbnail is properly resized.

Is there a way to have the buttons all aligned at the bottom of the square? Perhaps with a float or something similar?

Thank you so much for all the advise!

Vertical alignment is theoretically not possible. If you have two blocks of text side by side, and one have more amount of text than another, there is no way to align them vertically (if they have the same width). Try to make amount of text and images sizes even.

Well I finally solved this for who may be interested in have the boxes all lined up on the bottom rather than staggered.

Two things to change:

1. components/com_virtuemart/assets/css/vm_ltr.css --> line 165

Here you will find two parameters that deal with .product width and height. Height is set to auto now. Look at your thumbnail images and select something you like with trial and error. I set this to 120px

2. Now for the title of the product. I sometimes have 1 line, sometimes 2 lines and sometimes the max is 3 lines. Go to a page that has 3 lines on it.

Now go to templates/hot_cosmetics(or whatever)/html/com_virtuemart/category/default.php

Look for this line:


And add the height you want. Save reload page until you see it properly so the price doesn't overlap the title.

Done.