Tagged: Blog, thumbnails
-
AuthorPosts
-
July 30, 2013 at 7:33 pm #26951
On the Enfold theme preview (http://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?
July 30, 2013 at 8:32 pm #132210Also, how do you put an image on top of a standard blog post like this: http://kriesi.at/themes/enfold/2012/01/14/this-is-a-nice-post/
When I try to add media content, the image only shows inside the blog post rather than on top.
July 31, 2013 at 4:14 am #132211Hi,
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:
http://wordpress.org/plugins/regenerate-thumbnails/
The image is added using the Add Featured Media.
Regards,
Ismael
July 31, 2013 at 5:24 pm #132212My 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:
Grid preview:
News Thumbnail:
These are my media settings:
I’m on WP 3.5.2 and Enfold 1.8.4
August 1, 2013 at 5:31 am #132213Hi,
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:
Regards,
Ismael
August 1, 2013 at 6:00 am #132214What about the rest of the images? None of them crop, the image is just squished to fit in the space.
August 1, 2013 at 5:20 pm #132215Checked functions.php. It’s already set to the 36×36 value.
August 2, 2013 at 11:56 pm #132216We moved some of the website online for testing. Here is a link to the blog: http://vmwpprod.mantis-tgi.com/?page_id=2650
August 5, 2013 at 6:32 am #132217I haven’t heard a response on this issue in 4 days. What other information can I give you to help solve this problem?
August 7, 2013 at 2:42 am #132218Hi 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/
Regards,
Devin
August 7, 2013 at 6:20 pm #132219I regenerated all thumbnails. Nothing changed.
August 8, 2013 at 3:18 am #132220Hi,
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.
Regards,
Ismael
August 8, 2013 at 5:43 pm #132221That 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/a1fa77d7-220a-42fd-9ba0-5f12d9af90d2/621dad2535c2b9ca24282ecb7f95eac8
Clearly I have an issue that goes beyond simply cropping all my images to squares.
August 8, 2013 at 10:59 pm #132222Okay, 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/c91b9098-ad45-42bd-9c1f-2a0f49e01922/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.
August 12, 2013 at 11:50 am #132223Hi,
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)
Thanks,
Nick
August 12, 2013 at 11:51 am #132224Edit: 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.
-
AuthorPosts
- The topic ‘News thumbnail squishes featured image’ is closed to new replies.