Mailchimp embedded form -Top margin/padding too thick
-
Hi,
I’m using a text box in Themify builder to embed a Mailchimp newsletter form. The form displays with a lot of “white space” above the content, and visually “pushes” the actual form downward. I have tried a “Yikes” form instead, but the same thing happens.
My page is under construction and hidden behind a “coming soon” plugin. I’m not sure how to show the problem? Feel like I’ve treid “everything”. I am not very good at css/html coding.
My page is glutenfreelifesaver.com
I have tried to manually reduce the margins and padding in the Themify builder block (which works fine on all other blocks), but it does nothing to the Mailchimp form.
Thanks a lot!
-Kristine
The code from Mailchimp that I am using is:
<!– Begin MailChimp Signup Form –>
<div id=”mc_embed_signup”><form id=”mc-embedded-subscribe-form” class=”validate” action=”//glutenfreelifesaver.us3.list-manage.com/subscribe/post?u=d44ceb0f2b2f40f1cd51da96c&id=795507e714″ method=”post” name=”mc-embedded-subscribe-form” novalidate=”” target=”_blank”>
<div id=”mc_embed_signup_scroll”>
<h4>NEWSLETTER</h4>
<div class=”mc-field-group”><label for=”mce-EMAIL”>Email Address </label>
<input id=”mce-EMAIL” class=”required email” name=”EMAIL” type=”email” value=”” /></div>
<div class=”mc-field-group”><label for=”mce-FNAME”>First Name </label>
<input id=”mce-FNAME” class=”required” name=”FNAME” type=”text” value=”” /></div>
<div id=”mce-responses” class=”clear”></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 tabindex=”-1″ name=”b_d44ceb0f2b2f40f1cd51da96c_795507e714″ type=”text” value=”” /></div>
<div class=”clear”><input id=”mc-embedded-subscribe” class=”button” name=”subscribe” type=”submit” value=”Subscribe” /></div>
</div>
</form></div>
<script src=”//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js” type=”text/javascript”></script><script type=”text/javascript”>// <![CDATA[
(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’;fnames[2]=’LNAME’;ftypes[2]=’text’;fnames[3]=’MMERGE3′;ftypes[3]=’url’;}(jQuery));var $mcj = jQuery.noConflict(true);
// ]]></script>
<!–End mc_embed_signup–>
- The topic ‘Mailchimp embedded form -Top margin/padding too thick’ is closed to new replies.