SaskiaVanManen Posted November 20, 2020 Share Posted November 20, 2020 Site URL: https://reindeer-coral-hlxm.squarespace.com/cookies-delivered Hi, I want to limit the summary block to show 3 items per row on wider screens. I have tried adding: @media screen and (min-width:1875px) { .sqs-gallery-design-autogrid-slide { width: 29% !important; clear:right !important; margin-left: auto; margin-right: auto;} } But the spacing goes really weird - see screenshot. I'd also like them to be central below the image. Thank you! https://reindeer-coral-hlxm.squarespace.com/cookies-delivered SITE PASSWORD: hello Link to comment
IXStudio Posted November 20, 2020 Share Posted November 20, 2020 (edited) Hi Use this code in Design -> Custom CSS @media screen and (min-width:1875px) { .sqs-gallery-design-autogrid-slide { width: 33.3% !important; margin-left: auto !important; margin-right: auto !important; clear: right !important; } .sqs-block-summary-v2 .img-wrapper img.loaded{ width: 100% !important; height:auto !important; margin: 0 auto; padding: 0 15px; } } Also, please check these free summary styles. Please use the like button if it helps you! Best, Leopold Edited November 20, 2020 by IXStudio tuanphan and SaskiaVanManen 1 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
SaskiaVanManen Posted November 20, 2020 Author Share Posted November 20, 2020 Thank you so much! IXStudio 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