Jump to content

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

Recommended Posts

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

Screenshot 2020-11-20 at 20.35.43.png

Link to comment

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 by IXStudio

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.