Resize the Newsletter Form Input Boxes and Button

What does this code do?

This code snippet will allow you to change the padding inside the Newsletter Form field element input boxes and button to make them smaller/bigger in height and width.

View fullsize

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Edit the spacing inside the newsletter form input boxes */
.newsletter-block .newsletter-form-field-element{
    padding: 1rem 1.5rem !important;
}
/* Edit the spacing inside the newsletter form button */
.newsletter-block .newsletter-form-button {
    padding: 1.2rem 1.5rem !important;
}

Then edit the padding to the space you would like. The first number represents the spacing on the top and bottom and the second number represents the spacing on the left and right.

How To Use It

1. Copy and paste the code as indicated above.

2. Customize the padding to the spacing/height that you would like.