Some of my product images are not the same proportional height. Is there a way to move the image to the baseline or bottom on the category page in the Iron & Wool theme?
Announcement
Collapse
No announcement yet.
Align category Images
Collapse
X
-
Try setting the image to {display: inline-block; height: 100%; vertical-align: top (bottom or middle)}Bruce Golub
Phosphor Media - "Your Success is our Business"
Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
phosphormedia.com
-
Bruce,
Thanks for your reply. The above worked, however the images were skewed with the 100% height. I may have not described the situation correctly in my original post. I have a pic of what I am dealing with.
Cat_Page.jpg
Comment
-
Try setting width to 100% as well. vertical-align: requires that a height be present. Since the images are different height, using a percentage is your only path (although, you might try height:auto; width:auto. that should work on modern browsers.Bruce Golub
Phosphor Media - "Your Success is our Business"
Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
phosphormedia.com
Comment
Comment