Tagged: ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
  • #26951

    On the Enfold theme preview (http://www.kriesi.at/themedemo/?theme=enfold), this image is shown as the featured image in grid format for a blog post.

    Under Latest News in the footer, this cropped image is shown as a thumbnail.

    On my blog, the featured image isn’t cropped into a thumbnail for the News widget, it’s squished into a distorted square. How do I fix that so it looks like the Enfold theme?


    Also, how do you put an image on top of a standard blog post like this: http://www.kriesi.at/themes/enfold/2012/01/14/ (Purchase code hidden if logged out) /

    When I try to add media content, the image only shows inside the blog post rather than on top.



    Can you give us a link to your website?

    The thumbnail for the News widget should be automatically created. Try to regenerate the thumbnails using this:


    The image is added using the Add Featured Media.




    My website is on a dev machine, so I don’t have a public link to give you at the moment.

    I already installed that plugin and nothing looks different when I regenerate.

    When I do the featured image, it doesn’t look like it does on the Enfold theme because it never crops.

    I used the same exact family photo as Enfold, and here was the result:

    Featured image in a blog post:

    https://www.evernote.com/shard/s260/sh/ (Purchase code hidden if logged out) /38d885c2636b3005374370f92bb22c3e

    Grid preview:

    https://www.evernote.com/shard/s260/sh/ (Purchase code hidden if logged out) /3332bb18654b7f9b3e9ff73aa16f4f48

    News Thumbnail:

    https://www.evernote.com/shard/s260/sh/ (Purchase code hidden if logged out) /16567531b45f29089fb53d61f32308d6

    These are my media settings:

    https://www.evernote.com/shard/s260/sh/ (Purchase code hidden if logged out) /934c8cff9a70a3bd1d4d829e798d59be

    I’m on WP 3.5.2 and Enfold 1.8.4



    Change the thumbnail size settings to 36×36 then regenerate thumbnails. Actually, it has nothing to do with that because the code for the thumbnail on latest news widget is located on functions.php:

    $avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news

    The latest news widgets look fine on my end:




    What about the rest of the images? None of them crop, the image is just squished to fit in the space.


    Checked functions.php. It’s already set to the 36×36 value.


    We moved some of the website online for testing. Here is a link to the blog: http://vmwpprod.mantis-tgi.com/?page_id=2650


    I haven’t heard a response on this issue in 4 days. What other information can I give you to help solve this problem?


    Hi rapinion,

    Our queue system goes by oldest post to newest so each time you self respond it actually pushes the topic to the end. I would have responded yesterday but this last post pushed it until I’m just getting to this point now.

    It doesn’t look like any of your images have had their thumbnails created. Run the plugin mentioned above completely now that the content is live so that the images have their thumbnails created for all of the theme uses: http://wordpress.org/plugins/regenerate-thumbnails/




    I regenerated all thumbnails. Nothing changed.



    I don’t see the problem with the latest news widget thumbnails. They are so small that you can’t even see what they really are. If you want to have a perfect image, please upload a square picture. The size of the thumbnail is 28x28px, if you upload a square image, they will be cropped as is without losing ratio.




    That solution could work to fix thumbnails, but it does not fix the fact that ALL featured images squish. Making all blog images squares also defeats the entire purpose. I don’t want my featured image to always be a square. I want large, dynamic images to go above my blog posts as featured in the Enfold theme. That’s why I bought it.

    If that is not clear enough, look at what happens when I make a gallery. I used the exact same large images from your website, regenerated thumbnails, and used this shortcode:

    [av_gallery ids='3466,3465,3464,3463' style='big_thumb' preview_size='gallery' thumb_size='portfolio' columns='4' imagelink='lightbox']

    This is what it looks like: https://www.evernote.com/shard/s260/sh/ (Purchase code hidden if logged out) /621dad2535c2b9ca24282ecb7f95eac8

    Clearly I have an issue that goes beyond simply cropping all my images to squares.


    Okay, I was able to fix the thumbnails. The problem was that I did not have the Graphics Draw library on my server. I installed it, regenerated thumbnails, and they now look fine. I also found that featured images crop correctly for grid on some but not all of the custom preview image sizes in blog settings – I’m using portfolio-small and that works for me.

    BUT the featured image in the blog post itself is still not working as you can see here: https://www.evernote.com/shard/s260/sh/ (Purchase code hidden if logged out) /38d885c2636b3005374370f92bb22c3e

    On the Enfold theme, this 1030×284 image is supposed to crop to 1030×360 and scale to a left aligned preview image, with the ability to expand it to its full size. My featured image does not crop to 1030×360 and instead only scales with a right alignment.

    You can also see it right aligning here: http://vmwpprod.mantis-tgi.com/?p=2334

    It also does this when I set the blog post format to “Gallery”. If I don’t set the blog post format to “Gallery,” the created gallery scales correctly to its settings in the blog post itself. If I do set it to Gallery, it right aligns and squishes it smaller than its settings in the preview.



    Please use this css and place it into quick css or /css/custom.css

    .big-preview {
    padding: 0 0px 0px 0px;

    Your problem is that the theme should be resizing that image to a proper size and instead it doesnt do that. Normally the square image shape is attached to this location. So what you need to do is install Simple Image Sizes plugin http://wordpress.org/plugins/simple-image-sizes/ and then go to Settings > Media find the square image settings (or whichever you changed to) , and make the settings have a set width of 710px and make the height 9999px and make sure that there is no crop. Always upload images wider than 710px and you will have no problems since the height will also resize proportionally to the 710 width and will look fine.

    Do the same for gallery on Settings > Media (dont forget to install the plugin , it will save you hours of frustration)




    Edit: As Nick said above, you can definitely try regenerating the images as well in case they just need to have the thumbnails actually generated.

    The image on that blog post is still not pulling from a re-sized thumbnail image.

    There is still something not working incorrectly with the default installation it seems. I would suggest deactiving all active plugins and drop-ins and then re-downloading the theme from ThemeForest so you have a fresh copy with the newest updates. Then re-install the theme via ftp making sure there are no errors with the file upload and then testing things out again.

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

The topic ‘News thumbnail squishes featured image’ is closed to new replies.