Image Resizing // On Full Page Vertical Slider

[JFA]

I have designed a very simple site using Laytheme which I love. When I resize the browser window there are problems when two portrait images , or four landscape images are placed on a page. It would be great to have you recode this if possible :)

Please visit the current site under development so that you see these issues... photography.jonathanashworth.com

Many thanks, J

[mariusjopen]

Dear @JFA
what exactly is the problem with the images?

Best!

Marius

[JFA]

@mariusjopen vertical images are cropped badly, where as horizontal images have no problem... see http://photography.jonathanashworth.com/works

Many thanks, J

[mariusjopen]

Dear @JFA
did you use the browser height for the row height?

Best!

Marius

[JFA]

@mariusjopen how do I try this setting... can't seem to find it on hte dashboard?! Many thanks :)

[JFA]

@mariusjopen managed the simple right slick to find the setting you suggested.. but no luck unfortunately. I still have the problem where two portrait images placed side by side, when seen at full width of a browser window are significantly cropped top and bottom. They don't scale properly!

Best, J

[mariusjopen]

Dear @JFA

ok. I see the point.
Because in the Gridder you define the width of the image – it is not possible to scale it smaller. Because then the layout would need to change.

You can try to use the CUSTOM CSS like this:

.img img {
    height: 100vh;
    object-fit: contain;
}

Best!

Marius