Mailchimp Subscribe in my Footer Widget

Hi, I have installed the mailchimp for wordpress onto my website and inserted it into the footer widget (as recommended by another thread I saw on a similar issue). However, it has now made my footer much longer than I wanted it to. Is there a way to make it take up less room in the footer so it's in line with the other footer widgets and therefore not as large. eg: reduce the space between the Email Address, First Name and Last Name sections etc.? Please see www.iozzolino.com for more details. I would also like to know how to make the "Subscribe" button different, preferably a different colour than grey.
Many thanks.

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.textwidget #mc4wp-form-1 p {
margin-bottom: 0px;
line-height: 15px;
}
.textwidget #mc4wp-form-1 input[type="email"] {
margin-bottom: 2px;
}
.textwidget .mc4wp-form label {
margin-bottom: 0px;
font-size: 10px ! important;
}
.textwidget #mc4wp-form-1 input[type="text"] {
margin-bottom: 2px;
}
.textwidget #mc4wp-form-1 input[type="submit"] {
background: red;
}

You can adjust the above values as per your requirement and
in place of "red" you can put your color or color code.
This will solve your issue.

 

thank you!