I just took a look at your site. It seems like the plugin is pulling out either the 100×150 or 150×100 image. What are the thumbnail settings that you’ve chosen in the Top 10 settings page in the admin area. Have you left the widget setting blank?
You might need to update / regenerate images using a plugin. I prefer OTF Regenerate Thumbnails (you can install this via the settings page as well)
A quick fix is to force the image to be square using the following CSS code in the Custom styles box.
.tptn_thumb {
height: 150px !important;
width: 150px !important;
}
I really don’t know why it suddenly doesn’t work. Like I said, it’s worked beautifully so far. And I’m using thumbnails a lot of places on my site, so they should be working as well. Even though, I tried regenerating as well, to no avail.
These are my settings:
http://www.hjemmehosxenia.dk/wp-content/uploads/2016/03/Skærmbillede-2016-03-30-22.22.58.png
http://www.hjemmehosxenia.dk/wp-content/uploads/2016/03/Skærmbillede-2016-03-30-22.24.51-1.png
http://www.hjemmehosxenia.dk/wp-content/uploads/2016/03/Skærmbillede-2016-03-30-22.24.59-1.png
I’m really hoping that you can help, because so far this plugin has been the best of the popular posts ones I’ve tried.
Hi, the settings do look fine except for on thing which might be causing the issue that I noticed.
You’ve set the image to use as thumbnail which is 300×300 while the width and height of the thumbnails is 200×200. What happens in case you set the width and height to 300×300 in the settings or alternatively select Custom Size.
Again, you’ll need to regenerate the thumbnails (OTF Regenerate Thumbnails is the better option here)
On a side note, I notice that the images being pulled out seem a bit different from what I regularly expect. The names of the images have “.jpg?fit=” style rather than the typical “-300×300.jpg” style generated by WordPress. This could be the case of the theme or another plugin interfering with the image.
I tried your suggestion and regenerated, and unfortunately it still didn’t work.
I think that my theme is doing some special resizing, yes. I admit I’ve never looked too deeply into it. I’ve used this theme for quite a while now, and the images in the popular posts widget only just “broke”.
However, I eventually solved my issue just using some CSS. If anyone else (now or in the future) happen upon the same problem, this is how I fixed it in my CSS:
.tptn_posts_widget img {
width: 200px;
height: 200px;
object-fit: cover;
}
It’s the same solution as you suggested with the fixed width and height, but the object-fit: cover; ensures that the images isn’t stretched 🙂
Thanks for your help though!
Thank you for confirming and for the code. It’s something new I learnt today!
