Jump to content

Padding between images Wall Summary Block

Recommended Posts

Site URL: https://wearenativ.squarespace.com/home-page


I'm making a featured gallery using several summary blocks (as I want to be able to change the images featuring in the gallery based on tags).

Because I'd like the product title and price to be visible on a mouse-hover, I've made 'title' and 'excerpt' visible for my galleries. However, doing this has knocked my once beautiful spacing between images out of whack in the wall-summary gallery (photo attached).

Would love to be able to reduce the horizontal space between the images in my wall summary block so they match the rest of the gallery!

Any help would be wonderful. Thanks!

Screenshot 2020-08-11 at 18.14.01.png

Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Yep! I figured it out in the end and used this solution in the code injection for the page in question (#featured):

#featured .sqs-block-summary-v2 {padding-right: 3px;
padding-left: 3px;
padding-bottom: 3px;
padding-top: 3px;}</style>
#featured .Index-page-content { padding-top: 0px !important; padding-bottom: 0px !important; } </style>  
<style> .summary-thumbnail-container,.summary-title {margin-bottom: 0 !important;} 

Link to comment
  • 1 month later...


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.