Arch Posted June 12, 2020 Share Posted June 12, 2020 Site URL: http://www.arch-worldwide.com/shop-all Hello, How can I reduce the size of the images on the related products block? Demonstrated below: Link to comment
Beyondspace Posted June 17, 2020 Share Posted June 17, 2020 Hi there, I turned it 4 columns on desktop view @media screen and (min-width: 768px) { .products.collection-content-wrapper .list-grid .grid-item *::-ms-backdrop, .products.collection-content-wrapper .list-grid .grid-item { box-sizing: border-box; float: left; margin: 1.5vw 1vw; width: calc(25% - 2 * 1.5vw); } } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Arch Posted June 17, 2020 Author Share Posted June 17, 2020 @bangank36 hmmm doesn't seem to work but I managed to do it with this! .ProductItem-relatedProducts .list-grid {grid-template-columns: 200px 200px 200px 200px 200px 200px 200px !important; } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.