JaneMutiny Posted November 7, 2022 Share Posted November 7, 2022 Hi there, I'm trying to get the padding on this grey box to be smaller. Doesn't seem to be a site style, and I've tried lots of different code injections, none of which work, and I can't figure out why... am I missing something really obvious!? It's the bits in red I'd like to reduce the height of. On another note, whilst I'm here, is there a way to make that 'sign up' button narrower!? Whenever I enlarge the text in it, the whole thing enlarges... URL is https://www.janemutiny.com/subscribe Any advice much appreciated, Jane Link to comment
Ziggy Posted November 7, 2022 Share Posted November 7, 2022 Add this CSS: #collection-5fad732fe44daa6be0d50014 { .newsletter-block .newsletter-form-header-description, .newsletter-block .newsletter-form-footnote p { display:none; } .newsletter-block .newsletter-form-wrapper { padding-bottom:16px; } } It should tighten everything up by hiding there space for the description and footnote. Let me know if that works! JaneMutiny 1 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
JaneMutiny Posted November 7, 2022 Author Share Posted November 7, 2022 13 minutes ago, Ziggy said: Add this CSS: #collection-5fad732fe44daa6be0d50014 { .newsletter-block .newsletter-form-header-description, .newsletter-block .newsletter-form-footnote p { display:none; } .newsletter-block .newsletter-form-wrapper { padding-bottom:16px; } } It should tighten everything up by hiding there space for the description and footnote. Let me know if that works! it did! Thank you so much! Any idea on the button itself? Link to comment
Ziggy Posted November 7, 2022 Share Posted November 7, 2022 Add this as well: .sqs-editable-button-layout { padding: 0.42em 2.5em; } Adjust the 0.42em to get the height of the button just right. Give me a thumbs up if that worked, thanks! 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
JaneMutiny Posted November 7, 2022 Author Share Posted November 7, 2022 16 minutes ago, Ziggy said: Add this as well: .sqs-editable-button-layout { padding: 0.42em 2.5em; } Adjust the 0.42em to get the height of the button just right. Give me a thumbs up if that worked, thanks! Hmm, it didn't work... Link to comment
Solution Ziggy Posted November 7, 2022 Solution Share Posted November 7, 2022 Sorry about that, try this instead: .newsletter-block .newsletter-form-button { padding: 0.42em 2.5em !important; } Place it within the #collection brackets to target just that page. JaneMutiny 1 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
JaneMutiny Posted November 9, 2022 Author Share Posted November 9, 2022 On 11/7/2022 at 5:57 PM, Ziggy said: Sorry about that, try this instead: .newsletter-block .newsletter-form-button { padding: 0.42em 2.5em !important; } Place it within the #collection brackets to target just that page. YES! It did work, thank you so much! Link to comment
Ziggy Posted November 9, 2022 Share Posted November 9, 2022 Excellent! Glad that's looking how you want it now! 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