7.1 Newsletter Block CSS Help - how to reduce size of email fill form and submit button

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;
}

Can you share link to your site?

1 hour ago, tuanphan said:

Can you share link to your site?

https://sandralynnallendesign.squarespace.com/

thanks so much!

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! 

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

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.

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.