kaydotjpg Posted May 26 Posted May 26 https://mango-minnow-wkl4.squarespace.com/ password: 12345 Hi! I would like to reduce/eliminate the padding on the sides of the newsletter. I'm hoping to achieve a full width newsletter.
Solution tuanphan Posted May 27 Solution Posted May 27 (edited) You can use this CSS code @media screen and (min-width:768px) { .newsletter-form-body>* { width: 50% !important; } .newsletter-form-body .newsletter-form-fields-wrapper { width: 80% !important; } .newsletter-form-body { display: flex; align-items: center; justify-content: space-between; } .newsletter-form-footnote { display: none !important; } .newsletter-block .newsletter-form-field-wrapper { min-width:unset !important; width: 100% !important; } button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape.sqs-button-element--primary { width: 100% !important; } .captcha-container.sqs-form-rendered.align-center { display: none !important; } } Edited June 3 by tuanphan update email width code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
kaydotjpg Posted May 27 Author Posted May 27 @tuanphan thank you! This worked perfectly! Now, is there a way to adjust the width of each element? For example, I would like the "email address" input to be longer, and the "submit" button to be shorter.
tuanphan Posted June 3 Posted June 3 Updated above code. You can check again. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment