This is the “naked” code from Mailchimp.
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//highpulp.us8.list-manage.com/subscribe/post?u=a621de139dae5d7ee4bdd069c&id=c871c83c98" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="Email Address" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_a621de139dae5d7ee4bdd069c_c871c83c98" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Get Notified" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
Here’s the CSS I copied from the footer signup form:
input#mce-EMAIL{
float:left !important;
width:62% !important;
margin-top:0px !important;
height:46px !important;
padding:5px 38px 0px 10px !important;
display: block;
color: #999;
}
input#mc-embedded-subscribe{
background: #f15e4a;
color: #ffffff;
}
I’m using the Mailchimp for WordPress plugin for the form in the footer area. The other one is embedded.
