AnaRachel 0 Posted November 5 Hello I'd like to customise the newsletter box, to make it all more delicate and smaller, to have the SIGN UP button with less space (similar to the button SEND on the form above) and smaller text? https://tambourine-algae-4xn6.squarespace.com/contact password: brunoro19 Thanks so much Share this post Link to post
0 tuanphan 6,139 Posted November 6 22 hours ago, AnaRachel said: Hello I'd like to customise the newsletter box, to make it all more delicate and smaller, to have the SIGN UP button with less space (similar to the button SEND on the form above) and smaller text? https://tambourine-algae-4xn6.squarespace.com/contact password: brunoro19 Thanks so much Add to Home > Design > Custom CSS button.newsletter-form-button { padding: 5px 10px !important; font-size: 14px !important; } "make it all more delicate and smaller" Can you write more clearly? Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 AnaRachel 0 Posted November 6 Thank you! How can I make the word SIGN UP in bold? Is it possible to make the grey block behind the whole newsletter box smaller and everything closer together? Thank you Share this post Link to post
0 tuanphan 6,139 Posted November 6 span.newsletter-form-button-label { font-weight: bold; } @AnaRachel div#block-yui_3_17_2_1_1571919319326_6692 .newsletter-form-wrapper { padding: 10px 0; } Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 AnaRachel 0 Posted November 7 Do you think there is a way to make both buttons SEND and SIGN IN exactly the same? They are slightly different at the moment. Thanks so much Share this post Link to post
0 tuanphan 6,139 Posted November 7 span.newsletter-form-button-label { font-weight: 600; padding: 5px 20px; letter-spacing: 1px; } 1 AnaRachel reacted to this Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 AnaRachel 0 Posted December 3 @tuanphan https://tambourine-algae-4xn6.squarespace.com/contact password: fernandabr19 Do you think it's possible to make both buttons with the same colour background? They are slightly different. I would like the sign up button to have same colour background as send which is #171717 Share this post Link to post
0 tuanphan 6,139 Posted December 3 41 minutes ago, AnaRachel said: @tuanphan s send which is #171717 .newsletter-block .newsletter-form-button { background: #171717 !important; border-color: #171717 !important; } Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 AnaRachel 0 Posted December 3 Thank you but it seems the colour is still #272727 and not #171717 Here is the code I am using: {button.newsletter-form-button { padding: 4px 13px !important; font-size: 14px !important; background: #171717 !important; border-color: #171717 !important; } {span.newsletter-form-button-label { font-weight: bold; padding: 0px 8px; letter-spacing: 0.3px; .newsletter-block .newsletter-form-button } (and it says I am missing a { or } but I cannot see where! Thank you SO SO SO MUCH Share this post Link to post
0 tuanphan 6,139 Posted December 3 (edited) @AnaRachel Before span.newsletter, button.newletter there has { You need to remove both. I think the code should work. Try removing missing {} and Save. If it still doesn't work, i need to check website...You can send me a message & invite me as contributor, i can take a look. Edited December 3 by tuanphan Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
Hello
I'd like to customise the newsletter box, to make it all more delicate and smaller, to have the SIGN UP button with less space (similar to the button SEND on the form above) and smaller text?
https://tambourine-algae-4xn6.squarespace.com/contact
password:
brunoro19
Thanks so much
Share this post
Link to post