Hi all,
I have related articles enabled for the bottom of my posts but the thumbnails are the incorrect size. I’m using images of 1920×960 (2:1) for my thumbnails (most compatible with Social Media) and as a result the thumbnails in the related articles section are cutting some of the image off. Have looked into trying to adjust the CSS to change this but have had no luck.
Does anyone know how to change this so the full thumbnail appears in the related articles section. Don’t mind if it changes the number of shown articles.
Thanks, Paul
Hello,
The thumb for the related articles is 218×150 The thumbs are created based on the aspect ratio of your images. Please provide a link to your site so we can inspect the images and see if the cutting is normal or an error.
Thanks.
Hello,
My website is fantasyfootballpundit.com
I don’t believe there’s a problem as such with the images but I was wondering how I can keep the aspect ratio the same in the related articles section?
Thanks, Paul
Hello,
Upon inspecting your site I saw the image issue but there is no solution in this regard. It is very simple. Your images are very wide: https://www.fantasyfootballpundit.com/picked-fpl-players-one-hour/ and the related articles thumb is close to square: https://www.screencast.com/t/ALsTBgKs
How can you show a wide image inside a square thumb?
A possible solution would be to change the thumbnail used on the related articles to a wider one. https://www.screencast.com/t/xXSmfCqYn
You will have to regenerate all thumbnails afterwards though.
I hope this helps.
Thanks.
