Why Image Outputs Small Instead of Large?

Instead of selecting crp_thumbnail, have you tried to select the correct image size which is represented by 750px?

When an image is not there, it uses WordPress’ inbuilt functions to guess the closest size.

In the next version, I’ll be rewriting some elements of the thumbnail size in order to past image sizes vs array of width and height

Yes, we have tried selecting thumbnail size = large (750×0) but the image overlaps the screen widths. i.e. the image does not automatically resize for the screen size.

Could there be a way to resolve this?

I’ve been working on a new version – beta version here – where the plugin uses the image size rather than the dimensions because that is how the default WordPress functions work.

https://github.com/WebberZone/contextual-related-posts/releases/tag/v3.1.0-beta1

This should hopefully help your case. Would you be able to test this? You can download contextual-related-posts.zip and then update the version via Plugins > Add New

Note this is a beta

Hi Ajay

We tried your beta version but it has the same effect as selecting thumbnail size = large (750×0). i.e. the image does not automatically resize for the screen size.

Sometimes the images do not fill the screen width, othertimes the images overlap the screen width.

This version would be a disaster for our website because we have no way to compensate for this change to the plugin.

@supertrooper2

I’m actually quite confused now. What do you mean by automatically resize for the screen size? Do you mean the 750 image “fit” into the correct size i.e. using CSS?
Or do you mean you’re expecting the images to be resized down to the correct size i.e. 150px for the rounded thumb.

What is your site URL to see what’s happening?

We have switched back to the current version of CRP, but you can see the related posts at the bottom of the following page:

https://focusingonwildlife.com/news/where-the-wild-things-are-a-trip-to-romanias-southern-mountains/

Please let me know if you have questions or need more information.

@supertrooper2

I think I can see what the issue is. The CSS isn’t applying the width and height attributes to the image for some reason. What is the settings in the thumbnail tab for the width and height?

The thumbnail settings for the width and height are left blank because the images need to automatically adjust for desktop, tablet and mobile screen widths.

You can change the option to “No width and height”. But, then use your external styles to set the .crp_thumb width to 100% which will force it to scale to different sizes.

Setting it to blank just breaks down the code.

I cannot see an option to change the option to “No width and height” under thumbs.

Where is this option?

Thumbnail tab, Thumbnail size attributes. That will not add any attributes, but you still need to style it without CSS