Solved Fit featured image in placholder

Hello,

On the example post here: https://fit-techservices.ca/c5i-upright-bike/ - when inspecting the source you can see that the image has been cropped to meet several pre-set image dimensions.

I would also like the images in the post grid pages to fit in the placeholder: https://fit-techservices.ca/products/treadmills/

The CSS object-fit property does not help because the selected images are already cropped in the img src.

How can I get the image to fit in the container without being cropped?

Do I need to regenerate all the images and create a non-cropped version?

Thanks for your help

 

Divi.Help responded to another post on this topic and provided a quick and simple solution:

-----------------

I believe that's because the thumbnail image in the blog module is being cropped.

Thus, it can't be fixed with CSS.

You may try this (scroll to bottom - child theme solution): https://intercom.help/elegantthemes/en/articles/2208372-blog-featured-images-are-being-cropped
-----------------

Thank you!