Line up title, price, and add to cart buttons

Your image heights vary, so instead of setting the image height to auto, set it to a fixed height. The smaller ones will be stretched and the bigger ones squashed. Adjust the 150px value to a suitable compromise.

.woocommerce ul.products li.product a img
{height: 150px}

Set the title height to be big enough to accommodate the longest title. Shorter titles will have a bit too much space beneath but that can’t be helped.

.woocommerce ul.products li.product h3
{height:36px}

We also need to tweak the price element to make it regular in placement and size:

.woocommerce ul.products li.product .price
{display:block; margin-bottom:0}

The above tweeks go in your custom css.

works great! Thanks for the help