Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #24360


    I want my featured image to have all the same size on my blog masonry some of them have the good size but others are bigger. Why that?

    How can I fix this?




    Do you mean the Blog Grid Style? Suggested image size is 495×400. You can find the image size on functions.php.

    $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)

    Can you give us a link to your website?





    My site is still in maintenance mode..

    Just to be sure, I understand what you say, if I want my “blog grid style” (yes that what I meant by masonry..sorry) with all the images at the same size, my original pictures have to be at least 495 x 400 is that it?

    I checked one that looks bigger on my blog and it is 300 x 300. So if the image size is smaller it will appear bigger than the normal blog grid style, is that it?

    I couldn’t understand why a smaller size picture looks bigger :-/


    Yes, this can happen because WordPress will not re-size images which are smaller than the defined thumbnail size. On the other hand the css code will scale the image to 100% of the container width regardless of the thumbnail size. And because the aspect ratio of 300×300 is different compared to 495 x 400 the scaled image version can be higher than the thumbnail with the higher resolution which is not scaled.


    I am having a similar issue where the thumbnail aspect ratio is correct from all of the previous portfolio images I uploaded, but the new ones are cropping off and causing the grid to be off. Would this same code fix the problem I am having? All of my portfolio images are 16:9 aspect ratio.


    Yes, you can also use the “crop” parameter to deactivate cropping. However you must make sure that all images have the same resolution – otherwise the grid will be off again. If you want to deactivate the wp crop function use:

    $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400, 'crop'=>false );	 // images for portfolio entries (2,3 column)

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘thumbnail in blog masonry’ is closed to new replies.