Customise newsletter block form Wells template

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

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?

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

span.newsletter-form-button-label {
    font-weight: bold;
}

@AnaRachel

div#block-yui_3_17_2_1_1571919319326_6692 .newsletter-form-wrapper {
    padding: 10px 0;
}

Thank you

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

span.newsletter-form-button-label {
    font-weight: 600;
    padding: 5px 20px;
    letter-spacing: 1px;
}

@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

41 minutes ago, AnaRachel said:

@tuanphan

 

s send which is #171717

 

 

.newsletter-block .newsletter-form-button {
    background: #171717 !important;
    border-color: #171717 !important;
}

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

@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.