destineesherri Posted November 29, 2023 Posted November 29, 2023 Hello, the newsletter pop-up I'm creating looks fine on the editor, but when I test the live site there is a huge amount of space below. I can't figure what to target to remove this!
Ziggy Posted November 29, 2023 Posted November 29, 2023 Can you share your website URL and a few screenshots of the problem? 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?
destineesherri Posted November 29, 2023 Author Posted November 29, 2023 3 minutes ago, Ziggy said: Can you share your website URL and a few screenshots of the problem? https://www.ivunique.com/home-new Password: UIV There is too much padding at the bottom of the popup. I've tried so many ways and can't seem to remove it! Ziggy 1
Solution Ziggy Posted November 29, 2023 Solution Posted November 29, 2023 Try adding this to Custom CSS: // remove excess padding on pop up // .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer.layer-front.scroll>.sqs-slide-layer-content { padding-bottom: 0px !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer.layer-front.scroll .group-copy { margin-bottom: 0px !important; } destineesherri and tuanphan 1 1 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?
destineesherri Posted November 29, 2023 Author Posted November 29, 2023 7 minutes ago, Ziggy said: Try adding this to Custom CSS: // remove excess padding on pop up // .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer.layer-front.scroll>.sqs-slide-layer-content { padding-bottom: 0px !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer.layer-front.scroll .group-copy { margin-bottom: 0px !important; } This worked! Thank you so much! Ziggy 1
Ziggy Posted November 29, 2023 Posted November 29, 2023 2 minutes ago, destineesherri said: This worked! Thank you so much! Excellent! Happy to help 😁 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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment