MailChimp Submit Form Button Not Showing On Page

Permalink
Hello,

When MailChimp embed form code is added to the HTML block, the Name and Email input fields show up on the page, but the Submit form button doesn't.

See ...

http://theregaltees.com/nurses-appreciation-t-shirts-giveaway...

I've tested the form code on a basic offline HTML page and it displays as expected.

This is the code:

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
   #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
   /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
      We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//facebook.us3.list-manage.com/subscribe/post?u=0a92defca5163f9764289209c&id=c28ae78782" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
   <label for="mce-FNAME">First Name  <span class="asterisk">*</span>
</label>
   <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>

Any ideas?

Thanks.

David

View Replies: View Best Answer
weyboat replied on at Permalink Best Answer Reply
weyboat
The div that contains your submit button has a class of 'clear', try removing the class
weyboat replied on at Permalink Reply
weyboat
This is the css that is hiding the contents of the div on line 388 of your main css file
.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
   }
pronet replied on at Permalink Reply
Thanks for your help. Removing the class has worked.
Jupiter replied on at Permalink Reply
Jupiter
you have to change the following code
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>


To
<div class="clear"></div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">


according to me this helps.
pronet replied on at Permalink Reply
Thank you for providing an additional solution.