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

Padding between images Wall Summary Block


Webswool

Question

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

Hello!

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

3 answers to this question

Recommended Posts

  • 0

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

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

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