Product Alignment

  • Resolved ecigar11

    (@ecigar11)


    10 years, 5 months ago

    Hi,

    I want to align my product images on my site, they are not aligned at all and are all over the place, I can’t seem to get them to align. See https://ecigarettehero.com/accessories/clearomisers-atomisers/ for example.

    Does anyone know how I can do this? I have created products and included the codes [product_category category=”clearomisers-atomisers” columns=”10″ orderby=”price” order=”asc”] on each page for example.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter ecigar11

    (@ecigar11)

    This is using woocommerce.

    Hey,
    This would happend becuase you images are all different sizes you can fix with this css:
    Just add in the theme options > advanced settings. Custom css box.

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

    Kadence Themes

    Thread Starter ecigar11

    (@ecigar11)

    Thank you so much!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Product Alignment’ is closed to new replies.