When i put my product pictures on the product pages the thumbnail images are cut off at the top or bottom and the images are blurry but the enlarged thumbnails of the same images are perfect. The pictures are in Jpeg as well.
I have tried to change the thumbnail size in my media settings, as well as used the regenerate plugin which did nothing. I have attemped to resize the actual images through photo shop and this just makes the images larger and even more blurry.
I was given this code and told to put it in my style css but all it did was reduce the overall size of the product image it did not make it any clearer.
ul.products li.product a img { width:50%; height: 50%; }
body div.product div.images img, body #content div.product div.images img {
width: 25% !important;
}
could anyone help me with this.
Cheers