benja Posted September 19, 2023 Share Posted September 19, 2023 Hello I allready tried some codes I read in the forum, but none of them worked. I have these colored text blocks (green and white) and I want to have the same spacing between text and border all around. Event if I set the padding to 5% in the squarespace settings it's not the same. Is there any code to adjust the padding? Ideally, one code for all boxes, but I don't mind adding a code for each box if needed. site URL: https://emu-apricots-sgll.squarespace.com/ password: umoweb I'll appreciate any help. Link to comment
Solution Ziggy Posted September 19, 2023 Solution Share Posted September 19, 2023 Squarespace is dynamic, as websites need to be as they get viewed on a huge number of screen sizes and resolutions. It is also on a grid system, so the block has to stay within those bounds. The slight variation in the padding is simply coming from those constraints. The padding you are setting is effectively a minimum of 5%, it is not an absolute value. Using this code and targeting specific text blocks should mean that the background only gets applied around the text and should be more consistent: #block-dd85f78398b41a11242b { .sqs-html-content { background-color:green; padding:5%; } } tuanphan and benja 2 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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