Image Sizing on Recent Properties

[PaulNWard]

Hi there, me again, sorry!
How can I make the images in the screenshot Image1 the same height?
I've got [recent_properties per_page="6" columns="3"]
I know if I use the template assistant and check the Apply CSS to all pages then the images are the same size but it wraps the images so only 2 appear on the line and the 3rd one goes below as in Image2.


Thanks in advance,
Paul

[propertyhive]

Hi Paul,

It looks like the issue is primarily that images are being uploaded/sent with different ratios/heights. Of course a good option to increase consistency is to try and get the images in a standard width/height to begin with.

Failing that, the only other option I can think of, that doesn't result in stretching/squashing the images (which the Template Assistant route will do), is to change the thumbnails so that they are background images instead of tags. We've done this a few times and I've documented this here:

https://gist.github.com/propertyhive/867c71c008c65fe2b0aae7ae55bb2fd6

Let me know your thoughts on the above or if you need any further help,
Steve

[PaulNWard]

Hi Steve, Just done it and that is superb, makes the site look great. Thanks again for all your help. Cheers, Paul

…

On Fri, 30 Jul 2021 at 12:33, Property Hive ***@***.***> wrote: Hi Paul, It looks like the issue is primarily that images are being uploaded/sent with different ratios/heights. Of course a good option to increase consistency is to try and get the images in a standard width/height to begin with. Failing that, the only other option I can think of, that doesn't result in stretching/squashing the images (which the Template Assistant route will do), is to change the thumbnails so that they are background images instead of tags. We've done this a few times and I've documented this here: https://gist.github.com/propertyhive/867c71c008c65fe2b0aae7ae55bb2fd6 Let me know your thoughts on the above or if you need any further help, Steve — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#168 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUWN5OKGJ6XMOINQSUL527LT2J5Y3ANCNFSM5BEBFSFA> .

[PaulNWard]

Hi Steve, I have the same issue with the property-images.php. I receive different size images for a property some are landscape some are portrait and loads of different pixel heights. Have you got a code snippet that can force these to be the same height, width can be anything just need the height to be standard. Cheers, Paul

…

On Fri, 30 Jul 2021 at 12:33, Property Hive ***@***.***> wrote: Hi Paul, It looks like the issue is primarily that images are being uploaded/sent with different ratios/heights. Of course a good option to increase consistency is to try and get the images in a standard width/height to begin with. Failing that, the only other option I can think of, that doesn't result in stretching/squashing the images (which the Template Assistant route will do), is to change the thumbnails so that they are background images instead of tags. We've done this a few times and I've documented this here: https://gist.github.com/propertyhive/867c71c008c65fe2b0aae7ae55bb2fd6 Let me know your thoughts on the above or if you need any further help, Steve — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#168 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUWN5OKGJ6XMOINQSUL527LT2J5Y3ANCNFSM5BEBFSFA> .