SaskiaVanManen 3 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 post
0 IXStudio 201 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 post
.thumb.jpg.ca76a89337b3626dcf4b21809a271150.jpg)
Question
SaskiaVanManen 3
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 post
Top Posters For This Question
2
1
Popular Days
Nov 20
3
Top Posters For This Question
SaskiaVanManen 2 posts
IXStudio 1 post
Popular Days
Nov 20 2020
3 posts
Popular Posts
IXStudio
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-ri
SaskiaVanManen
Thank you so much!
Posted Images
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment