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 https://github.com/propertyhive/WP-Property-Hive/issues/168#issuecomment-889802869, 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 https://github.com/propertyhive/WP-Property-Hive/issues/168#issuecomment-889802869, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUWN5OKGJ6XMOINQSUL527LT2J5Y3ANCNFSM5BEBFSFA .