Question

我的Mailchimp表单有些困难，我想自定义一点。

以下是代码：

＆＃13;

<!-- 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: rgba(76, 175, 80, 0.0);
    color: #000000;
    padding: 0px;
        text-align: center;
}

/* Styles the input boxes */
#mc_embed_signup  input {
    width: 200px;
    height:100px
}
  

/* Styles the subscribe button */
#mc_embed_signup .button {
    background: rgb(255, 255, 255, 0.1);
    color: #ffffff;
    margin: 100 auto;
height: 55px;
}
</style>
<div id="mc_embed_signup">
<form action="//meetwo.us14.list-manage.com/subscribe/post?u=12989e1d2702ab809b7df0ed4&amp;id=26362168c9" 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="Your Email" 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_12989e1d2702ab809b7df0ed4_26362168c9" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="GET BETA INVITE" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

＆＃13;

所以基本上，我有这样的事情： Form screenshot

正如您所看到的，电子邮件字段与GET BETA INVITE按钮的高度不同，我不知道何时可以更改它。

所以我正在寻找宝贵的帮助。

谢谢！

Answer 1

您引用的CSS包含对#mc_embed_signup input.email的更改，这些更改会覆盖您的#mc_embed_signup input。

尝试将其更改为：#mc_embed_signup input.email，您应该可以更改输入的高度。

<!-- 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: rgba(76, 175, 80, 0.0);
    color: #000000;
    padding: 0px;
    text-align: center;
}

/* Styles the input boxes */
#mc_embed_signup input.email {
    width: 200px;
    height: 55px
}

/* Styles the subscribe button */
#mc_embed_signup .button {
    background: rgb(255, 255, 255, 0.1);
    color: #ffffff;
    margin: 100 auto;
    height: 55px;
}

</style>
<div id="mc_embed_signup">
<form action="//meetwo.us14.list-manage.com/subscribe/post?u=12989e1d2702ab809b7df0ed4&amp;id=26362168c9" 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="Your Email" 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_12989e1d2702ab809b7df0ed4_26362168c9" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="GET BETA INVITE" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

无法更改Mailchimp输入字段的大小

1 个答案: