How to make portrait images same width as landspace images

Site URL: https://www.erobertson.design/the-barrow-house

Hello,

I have a project page containing a mix of portrait and landscape images. I would like to make the portrait images the same width as the landscape images.

Here is a link to the page: https://www.erobertson.design/the-barrow-house

I am using the Jasper (York) template. Can anyone help?

Best,

Eleanor

Hi - Have you tried to change the layout of your gallery to masonry instead of using it as a slide? 

3 minutes ago, lu.diehl said:

Hi - Have you tried to change the layout of your gallery to masonry instead of using it as a slide? 

@lu.diehl Thanks for the suggestion. It's a Project page not a Gallery page/block so I don't think this is an option but I'll take a look.

if changing the layout doesn't work, you can try adding the following code to Design > Custom CSS:

.project-image-portrait-caption-style-offset .project-slide .project-slide-image-container.already-animated {
    min-width: 100% !important;
}

Let me know which way worked... or if you're still having trouble with it 😉 

@lu.diehl The CSS code did the trick – thank you so much for your help!