LauChalk Posted December 11, 2022 Share Posted December 11, 2022 Hi all, I want to reduce the padding between my single column and double column gallery grids, as they are currently set to a default that looks to be around 57px at full width (1440px - see attached screenshot). Ideally I want to reduce this padding to 20px top & bottom. I have found various custom CSS solutions on forums already and have tried the following but they haven't worked: /* gallery padding */ .gallery-block { padding-top: 20px; padding-bottom: 20px; } /* gallery padding */ .gallery-block { padding-top: 20px !important; padding-bottom: 20px !important; } I managed to do it by editing each individual div within chrome's inspect tool (https://tppr.me/oRbaT) but can't seem to add the correct custom CSS to properly reduce the padding in Squarespace. Any suggestions you have would be much appreciated!! Site link: https://www.laurenchalk.com/info-design Password: apsleydrive Link to comment
Solution Ziggy Posted December 12, 2022 Solution Share Posted December 12, 2022 Hi @LauChalk that padding is coming from the site padding for each section, this Custom CSS should help: .gallery-grid[data-width="full"] { padding-top: 1vw; padding-bottom: 1vw; } Hope that works for you! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
LauChalk Posted December 12, 2022 Author Share Posted December 12, 2022 Hey @Ziggy absolute legend, thank you! Ziggy 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