• Resolved pri1234

    (@pri1234)


    I’m using Virtue free theme and I cannot get my products to align correctly. My product pictures are various size and lengths and I need them to stay that way I just want it all to line up. I have searched the forums and can’t find anything to help me. Most of the css codes that I see do not work. The code that I did find to work is this:

    .kad-woo-image-size {
    display: table-cell;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    }
    .product_item a.product_img_link {
    height: 200px;
    display: table;
    width: 100%
    }
    .product_item .product_details a.product_img_link {
    height: auto;
    display: block;
    }
    .kad-woo-image-size img {
    max-height: 200px;
    width: auto;
    }
    .product_item .product_details h5 {
    min-height: 40px;
    }

    This is great but it leaves huge space between product picture and product title
    Here is a link products

    I want the product picture and title together, maybe aligned from the bottom of product box? I am new to this and any help would be greatly appreciated, thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter pri1234

    (@pri1234)

    In case the link above didn’t work

    Thread Starter pri1234

    (@pri1234)

    So first thing would be to turn off the theme crop? Have you done that?

    Theme options > shop settings.

    Then you would be using the woocommerce settings to control the output size.

    Once that is on you can use css like this:

    .kad-woo-image-size {
    display: table-cell;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    }
    .product_item a.product_img_link {
    height: 300px;
    display: table;
    width: 100%
    }
    .product_item .product_details a.product_img_link {
    height: auto;
    display: block;
    }
    .kad-woo-image-size img {
    max-height: 300px;
    width: auto;
    }

    But looking at your site it seems like you got this all worked out? The product appear aligned to me.

    Kadence Themes

    Thread Starter pri1234

    (@pri1234)

    sorry for the late reply, yes I adjusted the picture size in woocommerce settings and it seemed to work, I do thank you for your reply.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Product alignment’ is closed to new replies.