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 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 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! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.