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
• June 21, 2016 at 6:40 pm #276245
  uform

  Member

  Post count: 60

  Is there a way to have the wishlish thumbnail picture in the top right menu section the same height and width as the shopping cart section? It seems that for the wishlist section the thumbnails is square. I would like it to be rectangular the same way as the shopping cart menu section.

  Thanks.

  Attachments:

  You must be logged in to view attached files.
  June 22, 2016 at 8:36 am #276310
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .wishlist_table tr td.product-thumbnail a img {
      width:  80px !important;
      height: 80px !important;
  }
  .bag-product .bag-product-img, .bag-product .bag-product-img img{
      width: 80px;
      height: 80px;
  }

  Thanks
  Mohammad

  June 22, 2016 at 7:49 pm #276525
  uform

  Member

  Post count: 60

  Sorry it didn’t work.

  I wanted the wishlist thumbnail to have the same ratio as the add to cart thumbnail.
  For now it look like it is cropping the image to have a square ratio. (See picture).

  I wanted the wishlist image to keep the ratio as the original images which is 650 x 900 px.

  Thanks,

  Attachments:

  You must be logged in to view attached files.
  June 23, 2016 at 10:15 am #276615
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Which thumbnail size do you want exactly ? You can adjust in custom css code as i gave in last reply.
  Thanks
  Mohammad

  June 23, 2016 at 5:12 pm #276758
  uform

  Member

  Post count: 60

  I looks like the ration should be 72px x 100px which I adjusted accordingly with the code you gave me but the problem is that it look like the core code is still cropping the top and the bottom of the image at a 72px X 72px image and then the new code is just stretching the image to whatever height I enter. See the picture, you will see that it is missing the top and the bottom of the image and that it is stretched.

  How can I prevent that cropping?

  Attachments:

  You must be logged in to view attached files.
  June 23, 2016 at 6:12 pm #276767
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please replace the height:72px with height:auto.
  Thanks
  Mohammad

  June 23, 2016 at 8:01 pm #276791
  uform

  Member

  Post count: 60

  Sorry. Not working. 🙁

  June 24, 2016 at 10:04 am #276907
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I attached a image . Just check it and tell me if it is cropped.

  Thanks
  Mohammad

  June 25, 2016 at 3:48 pm #277142
  uform

  Member

  Post count: 60

  Yes top & bottom is cropped. You can see the brown frame of the picture is missing.

  June 27, 2016 at 1:34 pm #277405
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  That image is set using your thumbnail image size. Please remove the cro and the height from there and then you need to use this plugin to rebuild your thumbnails: https://wordpress.org/support/plugin/ajax-thumbnail-rebuild

  

  Thanks.

  June 27, 2016 at 6:46 pm #277524
  uform

  Member

  Post count: 60

  Amazing! Thank you. ?

  June 27, 2016 at 6:47 pm #277526
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted. Thanks David.

  -Rui

• Back to forum

  Posted in: Neighborhood