Copper00 Posted November 30, 2022 Share Posted November 30, 2022 How do I decrease the spacing at the top and bottom of the line? It's perfect on the desktop version, but spacing is excessive on mobile. Thanks. Link to comment
Ziggy Posted November 30, 2022 Share Posted November 30, 2022 Can you share your website URL and page this is on? 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)☕ Did I help? Buy me a coffee? Link to comment
Copper00 Posted November 30, 2022 Author Share Posted November 30, 2022 Sure, it's right here: bit.ly/3VhEHuo Link to comment
Copper00 Posted November 30, 2022 Author Share Posted November 30, 2022 It's actually the same on top of all of the pages, and the spacing is also larger throughout the site on mobile Link to comment
Ziggy Posted November 30, 2022 Share Posted November 30, 2022 Try adding this to your Custom CSS: .extra-wrapper.page-header .sqs-layout .sqs-row:first-child [class*="sqs-col"] .sqs-block:first-child, .extra-wrapper.page-header .sqs-layout.editing { margin-top: 0px; } @media only screen and (max-width:749px) { #page { padding: 0px 0; } } Hope that helps the spacing 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)☕ Did I help? Buy me a coffee? Link to comment
Copper00 Posted December 1, 2022 Author Share Posted December 1, 2022 9 hours ago, Ziggy said: Try adding this to your Custom CSS: .extra-wrapper.page-header .sqs-layout .sqs-row:first-child [class*="sqs-col"] .sqs-block:first-child, .extra-wrapper.page-header .sqs-layout.editing { margin-top: 0px; } @media only screen and (max-width:749px) { #page { padding: 0px 0; } } Hope that helps the spacing for you! It helped, but still more than I'd like to be there. Is there a better way to control this? Thank you! Link to comment
Ziggy Posted December 1, 2022 Share Posted December 1, 2022 The remaining gap is coming from the line block, which has 17px spacing above and below the line, and an additional 17px above and below which is the standard block padding. There's not a better way to control this than using CSS. 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)☕ 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