Title: Subscribe Form Fields Compressed
Last modified: August 21, 2016

---

# Subscribe Form Fields Compressed

 *  [Seth James DeMoor](https://wordpress.org/support/users/1billionstories/)
 * (@1billionstories)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/subscribe-form-fields-compressed/)
 * G’day,
 * The mail chimp fields in the subscribe form are very compressed in Chrome and
   Firefox, and a little bit in Internet Explorer, see an example here on the right
   hand side: [http://www.ppcitizensforlife.org](http://www.ppcitizensforlife.org)
 * Would love any advice on fixing the compression issue, and one other issue. I
   can’t change the color of the button to something other than grey/white, thoughts?
 * [http://wordpress.org/extend/plugins/mailchimp/](http://wordpress.org/extend/plugins/mailchimp/)

Viewing 1 replies (of 1 total)

 *  [mc_tak](https://wordpress.org/support/users/mc_tak/)
 * (@mc_tak)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/subscribe-form-fields-compressed/#post-3668607)
 * Hey there,
 * It looks like there’s some pre-existing CSS code on the site that’s setting the“
   height” value for all input fields on your site (it’s specifically setting input
   fields to a height value of 30). This height value is ultimately causing the 
   absence of spacing between each of those input fields.
 * To avoid this, you can try adding something to your site’s stylesheet which will
   target the input fields in your plugin’s sign up form, so as to not use that 
   hard-coded height.
 *     ```
       #mc_signup_form .mc_input {
       height: 20px;
       }
       ```
   
 * This should do the trick, and feel free to experiment and change the 20px value
   to be anything that you like (noting that 30px is what it’s currently at, and
   is too large for the spacing that’s there).
 * For the input button, it looks like there’s some pre-existing CSS code that’s
   currently setting that color too. You can target and change it in just the plugin
   form’s button by adding something like…
 *     ```
       .mc_signup_submit input {
       background-color: red;
       }
       ```
   
 * Where ‘red’ can be replaced with the hex code of whatever color that you’d like.
   If you have any questions, let us know.
 * -tk

Viewing 1 replies (of 1 total)

The topic ‘Subscribe Form Fields Compressed’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp/assets/icon.svg?rev=3156997)
 * [Mailchimp List Subscribe Form](https://wordpress.org/plugins/mailchimp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [mc_tak](https://wordpress.org/support/users/mc_tak/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/subscribe-form-fields-compressed/#post-3668607)
 * Status: not resolved