New images a squashed

8 posts from 3 voices

• Started 8 months ago by nontypicalbuck
• Latest reply from Dude
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   nontypicalbuck
   Member

   Hello,

   I'm not sure what changed on my images, but any new category images that I add are squished, however the product image is perfect. This started about a week ago and when I tried to fix it by regenerating the image szes with the Woocommerce settings and the plugin "Regenerate Thumbnails" I ran into a bigger problem when trying to restore my website from backup. I am now re-adding a few products and would like to know how to fix the setting for these images. It looks like they are currently set to 150 by 150, but are showing up distorted.

   Please see the links below;

   https://www.nontypicalbuck.com/product-category/gps/

   As you will notice, if you compare them to the product page they are not quite the same.

   If you look at the next link, which is older, you will notice how these look as they should and not squashed.

   https://www.nontypicalbuck.com/product-category/back-packs/

   WooCommerce version 1.6.5.2

   WordPress version WP 3.4.2

   Propulsion Version 1.5

   Any help would be appreciated.

   Thank you,
   Kelly

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   Hi,

   The thumbnail looks good. I don't see any distortion.

   Regards,
   Ismael

   Posted 8 months ago #
3. 

   nontypicalbuck
   Member

   HI Ismael,
   On the GPS thumbanils in the category page, they are not really squished, but they are just a littl skinnier and taller than they should be. If you compare it to the product page, by clicking on one, you should notice how the product is more wider and less taller than the first page.

   example;

   https://www.nontypicalbuck.com/product-category/gps/

   now take a look at the product;

   https://www.nontypicalbuck.com/product/garmin-etrex-h/

   you should notice that the product is wider

   Thanks,
   Kelly

   Posted 8 months ago #
4. 

   Ismael
   Moderator

   Hi,

   You change the height by adding this on your custom.css

   #top .thumbnail_container img, #top .thumbnail_container a:hover img {
   height: 150px;
   }

   Change the height.

   Regards,
   Ismael

   Posted 8 months ago #
5. 

   nontypicalbuck
   Member

   Hi Ismael,

   I inserted into the custom.css, but it didn't seem to change anything. I cleared the cahse, but no change yet.

   Thank you,
   Kelly

   Posted 8 months ago #
6. 

   nontypicalbuck
   Member

   I think I have to re-add the products under this category since a couple of new products are showing up normal now. I will re-add those images and let you know. I think it's good though).

   Thank you,
   Kelly

   Posted 8 months ago #
7. 

   nontypicalbuck
   Member

   I'm not sure why, but I added the GPS category pictures again and they're narrower than they should be. I didn't however recreate the product's or category from scratch, so possibly this has something that is making it get some of the old settings. I will add more products and categories (I'm sure) so we can close this for now and if I have this problem with other pictures and categoiries, I'll let you know.

   I think it will be good though, I hope anyway.

   Thank you Ismael.

   Kelly

   Posted 8 months ago #
8. 

   Dude
   Dude

   Hi!

   Ok, I'll close this thread :)

   Regards,
   Peter

   Posted 8 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.