• Resolved DannyS89

    (@dannys89)


    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;
    }

    Here is the site:

    We’re still under construction as you will see :).

    Thanks for any insight!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    Hey,
    1. I would go into the theme options > shop settings. Set your product title min-height to 90.

    2. In your theme options > shop settings. Disabled the image crop that way the class “kad-woo-image-size” will be used.

    Kadence Themes

    Thread Starter DannyS89

    (@dannys89)

    OK thanks! Working good now!

    I have another question but I’ll start a new thread for that..

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Vertically Centering Product Images’ is closed to new replies.