Hey Kate, thanks for reaching out & thanks for the screenshot, I’ll gladly help you out!
This all seems as if there’s something wrong with your CSS code — is there a chance you could send it to me, as it is saved in your plugin settings? Also, is there a chance you could send me a screenshot of all of your plugin settings?
I’d really love to take a closer look at it, if possible.
Also — are you using any other plugins that deal with your images (inserting them, storing them, caching them, etc.) or any cache plugins you (just recently) installed?
Let me know what’s up & I’ll do my best to help you out! Take care!
Best,
Silvo
Silvo, thank you very much for your help. After looking at the source code for the issue, I believe the plugin is calling the wrong thumbnail size (150px square). You can see the issue in action at cookieandkate.com.
I’ve been using W3 Total Cache for a while now. I sometimes use the regenerate thumbnails plugin and may have formerly had a 150px square thumbnail size.
Here are my settings: http://i.imgur.com/yWPjI2R.png
http://i.imgur.com/nWTMyQJ.png
Hey Kate, thanks for getting back to me, I really appreciate the link to your blog and the screenshots you provided, really!
But I checked & looked all through your blog posts to see if there are any kind of stretched or squished thumbnails in your related posts section, and I’m afraid to say that I haven’t encountered any … did you somehow got your way around the problem or am I missing something out? If so, would you please be so kind and send me a link to one of those blog posts, so I can have a closer look at them?
In any case, do let me know, since I’m really eager to help you out on this, if necessary. Take care & have a nice day!
Best,
Silvo
Thanks, Silvo. No, I still haven’t figured out how to fix the issue. I just found an example on this post: http://cookieandkate.com/2010/chickpea-salad-recip/
Screenshot: http://i.imgur.com/HweBRRh.png
If you look at the highlighted source code in the attachment, you’ll see that the plugin is calling a 150x150px thumbnail and then the CSS stretches it to 130×179. The thumbnail should be 130x179px, not a 150px square.
I’d also like to know why one of those thumbnails is a default image instead of the featured post.
Hey Kate, big thanks for the link & the extra screenshot, I think I know what might be the problem now.
The thing is, as far as I can see from your plugin settings, your themes are disabled (un-ticked), which is probably the reason why your CSS settings are being overridden by the default setting, thus stretching them out.
If you go to your plugin setting you will notice a message just next to your ‘Custom Size Thumbnails’ option:
“If you want to use custom sizes, override theme’s CSS rules in the Custom CSS section under Theme Settings above.”
So to do this, re-enable your themes, choose the ‘Plain (your own css)’ theme and make the necessary code adjustments in the ‘Customize CSS’ window.
Here’s a link with some useful help on how to do that: http://support.zemanta.com/customer/portal/articles/1380559
Let me know how it went or if you stumbled upon some problems along the way, since I’m eager to hear about the results!
Take care & have a nice weekend ahead!
Best,
Silvo
Hey Silvo,
I have already entered CSS for the plugin in my styles.css. Do I really have to move everything over to the custom CSS field? This is already specified in styles.css:
ul.related_post li img {
display: block;
width: 130px !important;
height: 179px !important;
}
I don’t want to change my settings because I’ve already optimized the display of the thumbnails for small screens in my styles.css. Why does the plugin automatically pull in 150×150 thumbnails when I’ve specified them to be 130×179 in the plugin settings?
Hey Kate, I think there’s another solution possible for those distorted thumbnails — since those already published (and distorted) thumbnails are using another cache file than the ones who look good (non-distorted ones), we think that a simple manual solution should suffice.
Would you please be so kind and go to those blog posts with distorted thumbnails (http://cookieandkate.com/2010/chickpea-salad-recip/) and click on that orange ‘Edit Related Posts’ button below them, remove them from the top line (the ones displayed), click on the ‘Save’ button, wait for your page to reload — and finally add those related posts back again. Now, they should be appearing normally, with non-distorted thumbnails.
Has this helped or does the problem persist? Let me know, I’m eager to hear about the results!
Take care & have a nice day!
Best,
Silvo
