AnaRachel Posted November 5, 2019 Share Posted November 5, 2019 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 Link to comment
tuanphan Posted November 6, 2019 Share Posted November 6, 2019 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AnaRachel Posted November 6, 2019 Author Share Posted November 6, 2019 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 Link to comment
tuanphan Posted November 6, 2019 Share Posted November 6, 2019 span.newsletter-form-button-label { font-weight: bold; } @AnaRachel div#block-yui_3_17_2_1_1571919319326_6692 .newsletter-form-wrapper { padding: 10px 0; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AnaRachel Posted November 7, 2019 Author Share Posted November 7, 2019 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 Link to comment
tuanphan Posted November 7, 2019 Share Posted November 7, 2019 span.newsletter-form-button-label { font-weight: 600; padding: 5px 20px; letter-spacing: 1px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AnaRachel Posted December 3, 2019 Author Share Posted December 3, 2019 @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 Link to comment
tuanphan Posted December 3, 2019 Share Posted December 3, 2019 41 minutes ago, AnaRachel said: @tuanphan s send which is #171717 .newsletter-block .newsletter-form-button { background: #171717 !important; border-color: #171717 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AnaRachel Posted December 3, 2019 Author Share Posted December 3, 2019 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 Link to comment
tuanphan Posted December 3, 2019 Share Posted December 3, 2019 @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. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.