• Hey,

    I’m wondering if anyone can help…

    I’m using the following “horizontal” embed form that’s available from mailchimp but I can’t seem to get the Email Field and button to display inline

    <!-- Begin MailChimp Signup Form -->
    <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
    	/* 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="//sourcescall.us14.list-manage.com/subscribe/post?u=a2b0d4d668737e4dc77e24db9&id=6b96d029b2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div id="mc_embed_signup_scroll">
    	<label for="mce-EMAIL">Subscribe to our mailing list</label>
    	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
        <!-- 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;" aria-hidden="true"><input type="text" name="b_a2b0d4d668737e4dc77e24db9_6b96d029b2" tabindex="-1" value=""></div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
        </div>
    </form>
    </div>
    
    <!--End mc_embed_signup-->

    IT DOES WORK if I remove the following block of code and it seems to work fine in the mailchimp preview.

    <!-- 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;" aria-hidden="true"><input type="text" name="b_a2b0d4d668737e4dc77e24db9_6b96d029b2" tabindex="-1" value=""></div>

    I’ve played around with the stylesheets to no avail and figured before I start rewriting the css, I’d check here to see if anyone has a simple solution.

    Thanks!!
    S

  • The topic ‘can’t get inline-block to work for forms’ is closed to new replies.