ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• March 30, 2016 at 1:48 pm #258779
  goodtimesmag

  Member

  Post count: 191

  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.
  March 31, 2016 at 3:50 pm #259024
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  March 31, 2016 at 3:55 pm #259026
  goodtimesmag

  Member

  Post count: 191

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

  Is the code now update proof?

  March 31, 2016 at 3:56 pm #259027
  Kyle – SUPPORT

  Moderator

  Post count: 35880

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

  – Kyle

• Back to forum

  Posted in: Neighborhood