Webswool Posted August 11, 2020 Share Posted August 11, 2020 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! Link to comment
tuanphan Posted August 17, 2020 Share Posted August 17, 2020 Hi. Seem fine here. Did you solve? Can you share the solution for other members? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Webswool Posted August 20, 2020 Author Share Posted August 20, 2020 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> tuanphan and HelenCrozier 2 Link to comment
HelenCrozier Posted October 8, 2020 Share Posted October 8, 2020 Thank you so much for sharing @Webswool - I was hoping to find the answer and your code was perfect! Webswool 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment