MailChimp List Subscribe Form
Subscribe Form Fields Compressed (2 posts)

  1. 1billionstories
    Posted 3 years ago #


    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

    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?


  2. mc_tak
    Posted 3 years ago #

    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.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • MailChimp List Subscribe Form
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic