CODEWITHSUNDEEP
csswordpresswoocommerce
Dr.MTR
Dr.MTR

Reputation: 207

Images in Woocommerce are not alligned properly?

I have issue on my Woocommerce site. Main image on some products are not alligned properly making mess with title. See problem bellow:

enter image description here

I tryed old method to set images width and height , and after that regenerate thumbnails, but seems do not work in Woocommerce 3.3.X. Can someone to tell me how to fix this, or give me some instructions how to?

This is CSS i think that control that part..

.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none
}

Upvotes: 0

Views: 152

Answers (1)

David
David

Reputation: 801

You are setting different heights which is causing some items to align incorrectly. 

.product_cat-tops .et_shop_image {
    height: 360px !important; }

.product_cat-jurken .et_shop_image {
    height: 320px; }

You have lots of different heights in your CSS set: https://jsfiddle.net/Lwmjseaj/

If you set both of these to the same height, the captions will line up nicely :-)

Upvotes: 2

Related Questions