Сделать горизонтальный макет Mailchimp - PullRequest
0 голосов
/ 20 декабря 2018

Я использую предоставленный код из MailChimp для горизонтальной встроенной формы регистрации, но кнопка переходит к следующей строке.Как сделать так, чтобы он оставался справа от поля ввода ... как показывает сайт MailChimp в окне предварительного просмотра?(Везде, где я использую их код, кнопка, кажется, нажимает вниз.)

Форма встраивания находится в области героя баннера на сайте Wordpress.Я поместил блок и предыдущий CSS в начало HTML-файла.

Код из MailChimp:

<!-- 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>
<style type="text/css">
	#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
	#mergeRow-gdpr {margin-top: 20px;}
	#mergeRow-gdpr fieldset label {font-weight: normal;}
	#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
</style>
<div id="mc_embed_signup">
<form action="https://therituals.us19.list-manage.com/subscribe/post?u=a1ae23adf96869d3e288fa2bd&amp;id=69ab326456" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	
	<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_a1ae23adf96869d3e288fa2bd_69ab326456" 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-->

Попытка заставить его работать на therituals.co

Также пытается удалить отступ после абзаца / перед формой вставки, но не можетпонять это.Если кто-нибудь знает, как я могу это сделать, я буду благодарен.

Благодарим за помощь.

...