wall-summary Padding between images Wall Summary Block

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!

Hi. Seem fine here. Did you solve? Can you share the solution for other members?

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>

Thank you so much for sharing @Webswool - I was hoping to find the answer and your code was perfect!