Product image problem after update

[goodtimesmag]

Hi swiftideas team,

I have updated the theme and after that my product images are not looking correctly anymore as you can see here: http://goodtimesdeals.de/produkt-kategorie/snowboardhosen-men/

My product images looked like this before: see screenshot 1

Now the product images look like this: see screenshot 2

I use the following css code for my product images and this code worked perfectly before the update:
.product-image {
height: 200px;
float: none !important;
/* display: inline-block !important; */
vertical-align: middle !important;
position: relative;
margin: 1em 0;
/* background: white; */
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
/* width: auto !important; */
/* max-height: 300px !important; */
/* margin-left: auto !important; */
/* margin-right: auto !important; */
position: absolute;
margin: auto;
max-width: 150px;
max-height: 150px;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
}

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Change the 2nd part to:

.woocommerce ul.products li.product .product-image > img, .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
/* width: auto !important; */
/* max-height: 300px !important; */
/* margin-left: auto !important; */
/* margin-right: auto !important; */
position: absolute;
margin: auto;
max-width: 150px;
max-height: 150px;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
}

– Kyle

[goodtimesmag]

Hi Kyle, thanks for the code. No it looks perfect again.

Is the code now update proof?

[Kyle – SUPPORT]

It depends if WooCommerce change the structure of html or class names

– Kyle