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

Site URL: https://www.weareimagocollective.com/

Hi! I have this code in to change the size of the email and sign up buttons, but the space between "sign up with your..." email field/button and disclaimer is like double what I want it to be.
Here is the code I currently have in:

.newsletter-block {padding-top: 0; padding-bottom: 0}
.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

button.newsletter-form-button.sqs-system-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

Website: https://www.weareimagocollective.com/

Thanks!

Hopefully this helps, place in Custom CSS:

.newsletter-block .newsletter-form-header-description p {
   margin-bottom:0rem;
}
.newsletter-block .newsletter-form-footnote p {
  margin-top:0rem;
}

Let me know if this has helped!

that's a little better, but can you add numbers to make it tighter?

Try adding this as well:

.newsletter-form-fields-wrapper .form-fields {margin-top:0rem;}
.newsletter-block .newsletter-form-button-wrapper {margin-top:0rem;}
.newsletter-block .newsletter-form-body {padding-bottom:0rem;}

here is where I get my self in trouble with CSS.. the email and submit don't line up anymore.

can you let me know what number needs to shift. thanks!

Which page are you referring to? Footer newsletter looks fine to me

https://www.weareimagocollective.com/