CarolynSmith Posted April 19, 2020 Share Posted April 19, 2020 I would like your help please with code to adjust/decrease the size of the email fill form box and submit button (visual attached of desktop and mobile/tablet) located in my footer on version 7.1. The email fill form box and submit button are too large and do not shrink when I try to change button size in Squarespace's built in button size adjustment tool. Thanks so much! Link to comment
tuanphan Posted April 19, 2020 Share Posted April 19, 2020 Can you share link to your site? 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!) Link to comment
CarolynSmith Posted April 19, 2020 Author Share Posted April 19, 2020 (edited) 1 hour ago, tuanphan said: Can you share link to your site? https://sandralynnallendesign.squarespace.com/ thanks so much! Edited April 19, 2020 by CarolynSmith Link to comment
tuanphan Posted April 20, 2020 Share Posted April 20, 2020 23 hours ago, CarolynSmith said: https://sandralynnallendesign.squarespace.com/ thanks so much! Add to Home > Design > Custom CSS .sqs-block-newsletter .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 10px !important; padding-bottom: 10px !important; } sarawhite, ShortAngryViking, dhob and 5 others 4 4 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!) Link to comment
CarolynSmith Posted April 21, 2020 Author Share Posted April 21, 2020 12 hours ago, tuanphan said: Add to Home > Design > Custom CSS .sqs-block-newsletter .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 10px !important; padding-bottom: 10px !important; } Thank you so much! Link to comment
Guest Posted April 28, 2020 Share Posted April 28, 2020 That's perfect, thank you! How do you change the padding around the newsletter form so it's narrower? And can you make that 'cell' have a white background? Thanks, Patrick https://saintly-temp.squarespace.com/without-text Link to comment
HarKS Posted January 7, 2021 Share Posted January 7, 2021 Hi Tuan, How do you change the font size of the button in a newsletter block? I have tried your method, and no luck so far. Quote button.newsletter-form-button.sqs-system-button {font-size:10px !important} Nothing is happening to it. Link to comment
tuanphan Posted January 8, 2021 Share Posted January 8, 2021 19 hours ago, HarKS said: Hi Tuan, How do you change the font size of the button in a newsletter block? I have tried your method, and no luck so far. Nothing is happening to it. Can you share link to page where you use newsletter? We can check easier. 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!) Link to comment
margmorg Posted September 21, 2021 Share Posted September 21, 2021 Since I deleted the 'disclaimer' text in the newsletter form on the footer, there is a lot of extra padding at the bottom. do you know how to resolve? @tuanphan Link to comment
tuanphan Posted September 24, 2021 Share Posted September 24, 2021 On 9/22/2021 at 12:41 AM, margmorg said: Since I deleted the 'disclaimer' text in the newsletter form on the footer, there is a lot of extra padding at the bottom. do you know how to resolve? @tuanphan Hi, What is site url? 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!) Link to comment
margmorg Posted September 29, 2021 Share Posted September 29, 2021 https://glockenspiel-mandolin-ltjl.squarespace.com/config/ Link to comment
margmorg Posted September 29, 2021 Share Posted September 29, 2021 @tuanphan Actually it looks better now, maybe it just wasn't updating! Link to comment
tuanphan Posted October 2, 2021 Share Posted October 2, 2021 On 9/29/2021 at 10:09 PM, margmorg said: @tuanphan Actually it looks better now, maybe it just wasn't updating! Hi, What is access password? 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!) Link to comment
margmorg Posted October 13, 2021 Share Posted October 13, 2021 On 10/2/2021 at 2:59 AM, tuanphan said: Hi, What is access password? peanut Link to comment
tuanphan Posted October 15, 2021 Share Posted October 15, 2021 On 10/14/2021 at 2:41 AM, margmorg said: peanut Try adding to Design > Custom CSS footer.sections { .newsletter-form-body { padding-bottom: 0 !important; } .newsletter-form-footnote { display: none; } } GustavHornell and margmorg 2 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!) Link to comment
margmorg Posted October 19, 2021 Share Posted October 19, 2021 On 10/15/2021 at 2:21 AM, tuanphan said: Try adding to Design > Custom CSS footer.sections { .newsletter-form-body { padding-bottom: 0 !important; } .newsletter-form-footnote { display: none; } } This worked for me, thank you so much! Link to comment
sheriipop Posted November 3, 2021 Share Posted November 3, 2021 Hi @tuanphan! I'm trying to get the look of this newsletter block attached below in my footer. Can you help, please? Thank you!! site url: www.louieandthird.com pw: LTC Link to comment
tuanphan Posted November 6, 2021 Share Posted November 6, 2021 On 11/3/2021 at 11:40 PM, sheriipop said: Hi @tuanphan! I'm trying to get the look of this newsletter block attached below in my footer. Can you help, please? Thank you!! site url: www.louieandthird.com pw: LTC Hi, Same for desktop + mobile, or desktop only? 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!) Link to comment
sheriipop Posted November 6, 2021 Share Posted November 6, 2021 9 hours ago, tuanphan said: Hi, Same for desktop + mobile, or desktop only? Hi @tuanphan! Same for desktop and mobile, please. Thank you! Link to comment
wonderpiece Posted April 18, 2022 Share Posted April 18, 2022 Hi @tuanphan! I've used your CSS on other sites without an issue but for some reason, it's not working on this site: https://saffron-lychee-ydn6.squarespace.com/ PW: retro Would love any advice - thanks! Link to comment
tuanphan Posted April 19, 2022 Share Posted April 19, 2022 On 4/18/2022 at 10:43 AM, wonderpiece said: Hi @tuanphan! I've used your CSS on other sites without an issue but for some reason, it's not working on this site: https://saffron-lychee-ydn6.squarespace.com/ PW: retro Would love any advice - thanks! You mean form in footer? Reduce space between subscribe text - input/button? 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!) Link to comment
wonderpiece Posted April 21, 2022 Share Posted April 21, 2022 This scale for the newsletter form works great - i like the input field being no taller than the button: https://www.christycoleman.studio/ But the footer form in the site I am building now seems way too big but i'm using the same code as has been suggested here AND in the Christy Coleman site so i'm a little puzzled. The box around "Email Address" is bigger than the Sign Up button and I can't seem to reduce the size of it (which is my goal). https://saffron-lychee-ydn6.squarespace.com/ Link to comment
tuanphan Posted April 24, 2022 Share Posted April 24, 2022 On 4/21/2022 at 10:37 AM, wonderpiece said: This scale for the newsletter form works great - i like the input field being no taller than the button: https://www.christycoleman.studio/ But the footer form in the site I am building now seems way too big but i'm using the same code as has been suggested here AND in the Christy Coleman site so i'm a little puzzled. The box around "Email Address" is bigger than the Sign Up button and I can't seem to reduce the size of it (which is my goal). https://saffron-lychee-ydn6.squarespace.com/ Use this CSS footer.sections input.newsletter-form-field-element.field-element { padding-top: 5px !important; padding-bottom: 5px !important; font-size: 14px !important; } wonderpiece 1 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!) Link to comment
wonderpiece Posted April 25, 2022 Share Posted April 25, 2022 You are the best @tuanphan. Thank you as always !! Link to comment
LonniWong Posted November 21, 2022 Share Posted November 21, 2022 On 4/20/2020 at 3:57 PM, tuanphan said: Add to Home > Design > Custom CSS .sqs-block-newsletter .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 10px !important; padding-bottom: 10px !important; } This worked pretty precisely, thank you! 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