Product alignment

  • Resolved pri1234

    (@pri1234)


    9 years, 8 months ago

    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)

    9 years, 8 months ago

    In case the link above didn’t work

    Thread Starter pri1234

    (@pri1234)

    9 years, 8 months ago

    link

    Ben Ritner – Kadence WP

    (@britner)

    9 years, 8 months ago

    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)

    9 years, 7 months ago

    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.