IndigoBolt11 Posted October 11, 2021 Posted October 11, 2021 (edited) Site URL: https://wrasse-buffalo-6zlc.squarespace.com/ Hi i want to make my newsletter sign up form align left in the footer Can anyone help me with this custom code? Additionally I want to make the padding around the box less- in particular below the subscribe and box so there is no so much space. On mobile it makes the box and button on two lines - is there any way to make it smaller on mobile to fit one line? Edited October 11, 2021 by IndigoBolt11
SquareRefresh Posted October 11, 2021 Posted October 11, 2021 Hey @IndigoBolt11 choose Your newsletter block, click to edit and go to the Design > Alignment and choose left alignment tuanphan 1 SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.
IndigoBolt11 Posted October 11, 2021 Author Posted October 11, 2021 1 minute ago, SquareRefresh said: Hey @IndigoBolt11 choose Your newsletter block, click to edit and go to the Design > Alignment and choose left alignment Thank you! Silly miss on my part - can you help with the questions I added: Additionally I want to make the padding around the box less- in particular below the subscribe and box so there is no so much space. On mobile it makes the box and button on two lines - is there any way to make it smaller on mobile to fit one line?
Solution tuanphan Posted October 13, 2021 Solution Posted October 13, 2021 On 10/12/2021 at 1:33 AM, IndigoBolt11 said: Thank you! Silly miss on my part - can you help with the questions I added: Additionally I want to make the padding around the box less- in particular below the subscribe and box so there is no so much space. On mobile it makes the box and button on two lines - is there any way to make it smaller on mobile to fit one line? Try adding to Design > Custom CSS .newsletter-form-body { padding: 0 !important; } .newsletter-form-body>div { margin: 0 !important; } @media screen and (max-width:767px) { footer.sections .newsletter-form-fields-wrapper.form-fields { width: 50% !important; float: left !important; margin-right: 10px; } footer.sections .newsletter-form-button-wrapper.submit-wrapper { width: 40% !important; float: right; } } 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!)
Dovely2023 Posted February 7, 2023 Posted February 7, 2023 Hi @tuanphan we are trying to reduce the size of the email field and the button for our version of the newsletter sign up block in our footer. Would you able to help us adjust this? Thank you! Link and password are below. URL: https://penguin-toucan-s42t.squarespace.com/philosophy PW: DoveLove2023!
tuanphan Posted February 11, 2023 Posted February 11, 2023 On 2/8/2023 at 4:22 AM, Dovely2023 said: Hi @tuanphan we are trying to reduce the size of the email field and the button for our version of the newsletter sign up block in our footer. Would you able to help us adjust this? Thank you! Link and password are below. URL: https://penguin-toucan-s42t.squarespace.com/philosophy PW: DoveLove2023! Hi, You mean Text Size? 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