AprilRains Posted November 18, 2019 Share Posted November 18, 2019 I've created a Gallery Page and added a Slideshow but on desktop the images get stretched and cause you have to scroll down to see the full image. I want to limit the height to 500px so the image is small and doesn't require desktop users to scroll. On mobile is looks fine. What CSS can I use to do this? Here's a test page I've been playing with: https://www.aprilrainsphotography.com/test Link to comment
AprilRains Posted November 18, 2019 Author Share Posted November 18, 2019 Just wanted to bump this. 🙂 Link to comment
AprilRains Posted November 18, 2019 Author Share Posted November 18, 2019 I've made some progress by using: .collection-type-gallery.view-list .sqs-gallery-design-stacked-slide { max-height: 500px !important; } However, now I have a large white space below the images. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.