Jump to content

Summary Block - Limit to 3 columns (on wide screens)

Recommended Posts

Site URL: https://reindeer-coral-hlxm.squarespace.com/cookies-delivered


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! 



Screenshot 2020-11-20 at 20.35.43.png

Link to comment
  • Replies 2
  • Views 998
  • Created
  • Last Reply


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!


Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.