-
Posts
-
Thank you in advance for your assistance
I am having a problem with fuzzy thumbnail images in woocommerce.
I have added the following to css which cleared up main images:
#top .thumbnail_container img { margin: 0 auto!important; width: 90px; height: 150px; }
#top .product div.images img { margin: 0 auto!important; width: 90px; height: 150px; }however nothing seems to work to fix fuzzy images:
http://wallmount-cabinets.com/shop/full-size-racks-vented-rear-glass-front/37u-server-cabinets-vented-rear-glass-front/
I have played with woo’s image sizes, regened images, and nothing seems to work.Main images are perfect, as well as shadowbox image display:
http://wallmount-cabinets.com/shop/ (perfectly sized & sharp)Thanks
Rick Schereru
Hi Rick!
The images are getting stretched, one solution could be to reduce the width of the product image columns, try adding this to Quick CSS:
#top .single-product-main-image .thumbnails a { width: 23%; } #top .single-product-main-image .thumbnails a img{ height: auto !important; width: 100% !important; }Regards,
JosueThat made the thumbnail images smaller but they are still not a sharp as original images or the shadow box blow-ups..
Here are my woo image settings
Catalog Images 134×300 px (no) Hard Crop?
Single Product Image 90×150 px (no) Hard Crop?
Product Thumbnails 54×90 px (no) Hard Crop?above sample link has been edited to the correct link.
correct link is:
- You must be logged in to reply to this topic.