Image problem in wishlist

[goodtimesmag]

Hi guys,

I have seen that some product images of my affiliate partners look weird in the wishlist (see screenshot).

Is their any css code that I can use so that images always have the same width and keep their ratio?

I am already using this css code to manage the image size problem in the woocommerce shop:
.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.

[Mohammad – SUPPORT]

Hi,
Please replace this code:-

.product-image {
height: 200px;
float: none !important;
/* display: inline-block !important; */
vertical-align: middle !important;
position: relative;
margin: 1em 0;
/* background: white; */
}

With this code:-

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product .product-image {
height: 200px;
float: none !important;
vertical-align: middle !important;
position: relative;
margin: 1em 0;
}

Thanks
Mohammad

[goodtimesmag]

When I replace this code, nothing changes. Only the product images in my product slideshow disappear (see screenshot). But the image problem in the wishlist is not solved.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue.
Thanks
Mohammad

[goodtimesmag]

Please use this site i.e. and put some products in the wishlist: http://goodtimesdeals.de/produkt-kategorie/snowboards-men/?filtering=1&filter_merchant=496

In the wishlist you can see that not all images have the same size there.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.wishlist_table tr td.product-thumbnail a img {
    width: auto !important;
}

Thanks
Mohammad

[goodtimesmag]

Thanks Mohammad, the code has done his job!

[Mohammad – SUPPORT]

Hi,
Glad to help you.
Thanks
Mohammad