Vertically Centering Product Images
-
Hello,
First off, awesome theme!
I have a small problem I have been trying to conquer and I’m almost there but need one last tweak if anyone has any ideas. I have product images that vary in height and I have set the image area to roughly the the tallest image (mostly at least). I have the buttons and the text lining up also (mostly) but now I’d like for the smaller images to be centered vertically in the box if this makes any sense. Here is the CSS I am using at the moment (pulled from another thread and altered):
.kad-woo-image-size { display: table-cell; min-height: 365px; text-align: center; vertical-align: middle; } .product_item a.product_item_link { height: 365px; display: table; width: 100% } .product_item .product_details a.product_item_link { height: auto; display: block; } .kad-woo-image-size img { max-height: 365px; width: auto; } .product_details { min-height: 70px; }
We’re still under construction as you will see :).
Thanks for any insight!
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘Vertically Centering Product Images’ is closed to new replies.