mportch 13 Share Posted April 7, 2020 Site URL: https://smilodon-ocelot-my5f.squarespace.com Hi, How do I make the padding tighter on my email sign up in my footer? Link to post
0 tuanphan 8,967 Share Posted April 7, 2020 What is access password? You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 tuanphan 8,967 Share Posted April 7, 2020 Add to Home > Design > Custom CSS .newsletter-block .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } .newsletter-form-button { padding-top: 10px !important; padding-bottom: 10px !important; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 7, 2020 Great thanks! However, it doesn't change the sign up button too. Link to post
0 mportch 13 Author Share Posted April 7, 2020 Hi again - how do I alter the "sign up" box to match? Link to post
0 mportch 13 Author Share Posted April 8, 2020 Hi, any luck with this? I guess it's just a repeat of this code only I don't know what the sign up button is called?... .newsletter-form-button { padding-top: 10px !important; padding-bottom: 10px !important; } Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 incorrect password You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape { padding-top: 5px !important; padding-bottom: 5px !important; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 8, 2020 Great thanks. Although for some reason the 2 boxes aren't aligned... Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 4 minutes ago, mportch said: Great thanks. Although for some reason the 2 boxes aren't aligned... It seems same? You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 play with padding top & bottom ✌️ button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape { padding-top: 5px !important; padding-bottom: 5px !important; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 8, 2020 Yep I've have. It just makes the space around sign up bigger or smaller but won't align. Very strange. Anyway, I have another idea I'd like to run past you though. How could I make it look like this instead? ... Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 .newsletter-block .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; border-top: none; border-right: none; border-left: none; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 8, 2020 Thanks. Do you know how to adjust both line and box line thickness? And change the "Email address" to just "EMAIL" in caps so it looks like "SUBMIT"? Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 border-width: 5px; change email. Needs script code. Which plan do you use? Personal or Business. You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 8, 2020 Just in trial mode right now. Will be business when start plan. Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 Add this to Home > Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $("div#block-ef4da39d6f1dbbdd528a input").attr('placholder','EMAIL'); }); </script> You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 8, 2020 Ideally I want it to look exactly like this... Align the "EMAIL" to the left of the line. Make the line black. Then change the line thickness of the subscribe button. Link to post
0 tuanphan 8,967 Share Posted April 8, 2020 .newsletter-block .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 0 !important; border-top: none; border-right: none; border-left: none; border-width: 2px; border-color: black; } and script code above You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 mportch 13 Author Share Posted April 8, 2020 Thanks! It's close - "Email address" hasn't changed to "EMAIL"? And how would I change the line thickness of the Subscribe button? Link to post
0 mportch 13 Author Share Posted April 8, 2020 1. For some reason it's looking weird in mobile view on my actual mobile phone - it's showing the box as curved and showing the top corner curves. I'd like to remove the top corners and make the line straight? 2. And I'd like to change "Email Address" to caps "EMAIL" with the same letter spacing as "SUBSCRIBE"?... Link to post
0 mportch 13 Author Share Posted April 8, 2020 Hi, Any luck on solving the above with mobile view? Thanks. Link to post
0 tuanphan 8,967 Share Posted April 9, 2020 Q1. Seems fine here. Do you use iPhone/Safari? Q2. .newsletter-block .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 0 !important; border-top: none; border-right: none; border-left: none; border-width: 1px; border-color: #000; text-transform: uppercase; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Question
mportch 13
Site URL: https://smilodon-ocelot-my5f.squarespace.com
Hi,
How do I make the padding tighter on my email sign up in my footer?
Link to post
Top Posters For This Question
19
14
Popular Days
Apr 8
19
Apr 9
8
Apr 7
6
Top Posters For This Question
mportch 19 posts
tuanphan 14 posts
Popular Days
Apr 8 2020
19 posts
Apr 9 2020
8 posts
Apr 7 2020
6 posts
Posted Images
32 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment