Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #24169


    I decided I didn’t need the right column at all and decided to enlarge the main content area further (200%):

    .content .box {

    min-width: 660px;

    width: 200%;


    However the product image now appears quite blurry despite using simple image sizes and regenerating image sizes…

    Not sure which kind of image relates to these images – ‘medium’, ‘blog’, ‘shop-single’? Anyway I enlarged them all and didn’t see a change in the blurriness of the product image. I am wondering if it relates to css? Is there something else I can do?




    I have had a look at the source code and the page uploads a 750px version of the image – I think that’s the problem. I’m assuming its governed by css as none of my image sizes in simple image sizes are 750px.




    Can you post a link to the page with the blurry image please?




    Hi Peter,

    I have resized the width of the page to be a bit smaller so the images look better now.. Am in the process of migrating my website to another domain… Can you keep this thread open please so I can send you a link in the next few days when I resize the page a bit bigger again…





    You should probably change the thumbnails size for blog post

    $avia_config['imgSize']['blog'] = array('width'=>430, 'height'=>9999, 'crop'=>false); // image for blog posts




    Hi Ismael,

    does that go in the quick css? Or in a php file?




    The best way to go about it, is to first install the Simple Image Sizes plugin ( ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.

    Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.

    Please provide a link.



Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Blurry product image on widening main content area despite regenerating thumbs’ is closed to new replies.