Thumbnail not square and not centered vertically
-
First of all – thank you for the great plugin.
Not all my images are vertical or square and the related posts sometimes look ugly, take a look at:
http://paleosmak.pl/plukanie-ust-olejem/
The link to “Zamiast mydła” has the image not centered.I have also tried to check/uncheck the option at the “Crop mode”, but it didn’t change anything. I use the default style.
Could you please advise? Thank you in advance.
-
Have you tried to Regenerate the thumbnails using this plugin?
Yes, I tried. I regenerated all the thumbnails, but your plugin is not using them. I cleared the cache and I still see main images of the post as the thumbnail, just rescaled to fit.
Something is broken with the option:
Extract the first image from the post?
This will only happen if there is no post thumbnail set and no image URL is specified in the meta field.
If it is checked, then your plugin uses the main image of the post, resized down. If I uncheck it, it shows thumbnails for some posts, but for some others, despite they have an image, it shows the default one.
Could you please post a screenshot of the settings page? Thumbnail section should be fine.
I have tried to attach the file with all the settings on
https://ajaydsouza.com/contact/
but because of the limit to 1MB I am unable to send it.You can host it at: http://imgur.com/
Hi,
The settings all look fine to me.
You can view the registered image sizes using this plugin: https://ww.wp.xz.cn/plugins/display-all-image-file-path/
Just want to double check how you’ve regenerated the images?
I know the settings are correct and I know I have the thumbnails. The problem is your plugin is not using them 🙂
Additional File 2
Location of the image path for thumbnail. Dimensions: 150 x 150
Additional File 3
Location of the image path for medium. Dimensions: 359 x 500
Additional File 4
Location of the image path for large. Dimensions: 359 x 500
Additional File 5
Location of the image path for post-thumbnail. Dimensions: 474 x 276
Additional File 6
Location of the image path for twentyfourteen-full-width. Dimensions: 474 x 427
Additional File 7
Location of the image path for crp_thumbnail. Dimensions: 150 x 150
Additional File 8
Location of the image path for tptn_thumbnail. Dimensions: 50 x 50All the URL’s work and I can access them. I wonder why I have two categories of thumbnails – why did you plugin doubled them?
Additional File 7
What is the URL for Additional File 7?
Not sure I understand what you mean by two categories of thumbnails?
Sorry, I thought I had two different thumbnail files, but there are indeed two categories, but one file only. Here you go with the files:
Full file:
http://paleosmak.pl/wp-content/uploads/2015/03/weglowodany-skrobia-paleo-smak.jpgAdditional File 2
http://paleosmak.pl/wp-content/uploads/2015/03/weglowodany-skrobia-paleo-smak-150×150.jpg
Location of the image path for thumbnail. Dimensions: 150 x 150Additional File 7
http://paleosmak.pl/wp-content/uploads/2015/03/weglowodany-skrobia-paleo-smak-150×150.jpg
Location of the image path for crp_thumbnail. Dimensions: 150 x 150For each image I have, I have the thumbnail, ie for the file I mentioned in the first message in this ticket:
http://paleosmak.pl/wp-content/uploads/2014/06/mycie-paleo-smak-150×150.jpgNot sure what other info you might need from me. I would be more than happy to have correct thumbnails displayed instead of main article image.
Thank you in advance for your support and help.
Hi,
This is really strange indeed. Are you in a position to test the current beta of the plugin?
https://github.com/ajaydsouza/contextual-related-posts/releases/tag/v2.0.4
It has a different way of working with thumbnails.
Unfortunately I haven’t noticed any improvement at all. I still see bigger pictures. In the source page code:
<div id=”crp_related” class=”crp_related”><h3>Pokrewne posty:</h3>
- <img src=”http://paleosmak.pl/wp-content/plugins/speed-booster-pack/inc/images/1×1.trans.gif” data-lazy-src=”http://paleosmak.pl/wp-content/uploads/2014/06/mycie-paleo-smak-500×237.jpg” alt=”Zamiast mydła” title=”Zamiast mydła” style=”max-width:150px;max-height:150px;” class=”crp_thumb crp_first” />
So the image 500×237 is displayed limited by styles to 150px.
I temporarily disabled lazy loading of images, but the end effect is still the same:
<div id=”crp_related” class=”crp_related”><h3>Pokrewne posty:</h3>
- <img src=”http://paleosmak.pl/wp-content/uploads/2014/06/mycie-paleo-smak-500×237.jpg” alt=”Zamiast mydła” title=”Zamiast mydła” style=”max-width:150px;max-height:150px;” class=”crp_thumb crp_first” />
Hi,
It seems like the plugin is extracting the first image in the post. (as seen by crp_first) and using that as is. Which explains why it isn’t working with the resized thumbnail.
I’ll need to do a bit more digging and cleaning up to get this to work. Let me look at hopefully have this fixed by the next version.
Can you verify for me if you see this issue with posts which have a featured image?
It seems setting a featured image helps, I see a proper image displayed by your plugin.
Hi,
The featured image is definitely the correct way to go when setting the posts.
However, what you’ve reported above is definitely a bug that, hopefully, I am able to successfully fix.
The topic ‘Thumbnail not square and not centered vertically’ is closed to new replies.