• 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–>

Viewing 2 replies - 1 through 2 (of 2 total)
  • You need to disable your “Coming Soon” page to let me take a look at the issue.

    Thread Starter kristineTGFL

    (@kristinetgfl)

    Thanks for your reply!

    Certainly happy to do that, but it’s hard for me to know when you’ll get a chance to look at it which would require me to leave the coming soon page down for a while. I have quite a lot of traffic and don’t want the unfinished page to be “revealed”.. Is there any way I can use screen shots? If not then I totally understand ??

    Kristine

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mailchimp embedded form -Top margin/padding too thick’ is closed to new replies.