hi,

the solution works somewhat for landscape images, but how will it work on portrait images?

see the below image
https://prnt.sc/umv2ss

listing page thumnails if not equal heights at least closed equal would be displayed nicely. as you can see in the image, having a portrait image is making it ugly.

Either crop or resize should be there. don’t you think?

i found a different solution for this. instead of using img src i used it as a background image and also used a default image path from the uploaded media folder. adding it here for anyone who has the same problem as me and hope this will help

edited this template https://github.com/hivepress/hivepress/blob/master/templates/listing/view/page/listing-images.php

<div class="hp-listing__image">

	<a href="<?php echo esc_url( hivepress()->router->get_url( 'listing_view_page', [ 'listing_id' => $listing->get_id() ] ) ); ?>">
	    	<?php if ( $listing->get_image__url( 'hp_landscape_small' ) ) : ?>
	    <div class="hp-listing__image-bg" style="background-image: url('<?php echo esc_url( $listing->get_image__url( 'hp_landscape_small' ) ); ?>');">&nbsp;</div >
	
		<?php else : ?>
		    <div class="hp-listing__image-bg" style="background-image: url('<?php echo esc_url( hivepress()->get_url() . '/../../uploads/2020/09/placeholder-2.jpg' ); ?>');">&nbsp;</div >
		
		<?php endif; ?>
	</a>
</div>

css:
.hp-listing__image-bg{
background-repeat: no-repeat;
background-size:cover;
height:250px;
background-position: center center;}

I did this on my child theme hivepress folder templates.

my method is background image instead of img src. so you can fix an height in css position it the way you want. my css i have made the background image size as cover and made it position it to center of the image. so if a user uploads a landscape or portrait, it will display in the height i want. background cover will fill the image area even if the image is smaller than the area, only it will pixelate a little, bit at least the each grid will have aligned look