Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


SaskiaVanManen

Question

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 post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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

Thank you so much! 

Posted Images

2 answers to this question

Recommended Posts

  • 0

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 post

Create an account or sign in to comment

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


×
×
  • Create New...