e_robertson Posted July 5, 2020 Share Posted July 5, 2020 (edited) 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 Edited July 5, 2020 by e_robertson Link to comment
lu.diehl Posted July 5, 2020 Share Posted July 5, 2020 Hi - Have you tried to change the layout of your gallery to masonry instead of using it as a slide? Link to comment
e_robertson Posted July 5, 2020 Author Share Posted July 5, 2020 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. lu.diehl 1 Link to comment
Solution lu.diehl Posted July 5, 2020 Solution Share Posted July 5, 2020 (edited) 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 😉 Edited July 5, 2020 by lu.diehl typo e_robertson 1 Link to comment
e_robertson Posted July 6, 2020 Author Share Posted July 6, 2020 @lu.diehl The CSS code did the trick – thank you so much for your help! lu.diehl 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment