How to disable featured image cropping on the blog page?


*NOTE: Below instruction is for the theme version prior to v2.0.0. If you are using the theme v2.0.0 and above, you can just upload the blog image (featured image) and it will be automatically scaled down to fit the area without hard cropping anymore. It means that the height of the image will now be flexible depending on the uploaded image's proportion.


To disable cropping on the blog images, please do the following:

1. Open the "index.php" file and find this code:

echo get_the_post_thumbnail( $post->ID, $uxbarn_blog_thumbnail_size );

Change it to:

echo get_the_post_thumbnail( $post->ID, 'full' );

This will force WP to use the full size of it.

2. Apply this custom CSS:

.blog-item-thumbnail {
    height: auto !important;