Ecommerce product listings different heights

  • Resolved Kristina

    (@kristina1yordanova)


    6 years, 3 months ago

    Hi all,

    I couldn’t find if someone asked this before so I am opening the question again.
    What CSS code to add in order to make the product listings the same height as the product images are not the same dimensions and proportions. I just want to make the products equal height.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    6 years, 3 months ago

    Hi Kristina,
    In Appearance > Theme Options > Shop Settings set “Enable Product Image Crop on Catalog pages” to “Off”. Then set your product image sizes from Woocommerce > Settings > Products > Display.
    Hope that helps!

    Hannah

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    6 years, 3 months ago

    You can also add this css:

    .kad-woo-image-size {
    height: 200px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    
}
.product_item a.product_img_link {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 200px;
}
.product_item a.product_img_link img{
    max-height: 200px;
    width:auto;
}
    Thread Starter Kristina

    (@kristina1yordanova)

    6 years, 3 months ago

    Thank you! That worked!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ecommerce product listings different heights’ is closed to new replies.