从 Mailchimp 设计注册表单 -> 有些东西不起作用

Question

网站：https://bucksfoodpartnership.org/newsletter-sign-up/

目前，根据 Mailchimp 的默认设置，表单具有以下填充：10px 0 10px 3%

代码是

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}

但是当我将整个字符串添加到我的自定义 Css 并将 3% 更改为 0 - 没有任何反应。

我确实设法覆盖了该表单中的其他元素，例如为我添加的订阅按钮设置样式：

#mc_embed_signup input.button {
    font-size: 1.125rem;
    background: #FD9915;
    padding: 10px 15px;
    width: auto;
    text-transform: uppercase;
    transition: 0.2s;
    height: 51px;
    border-radius: 0;
}

并且有效。但是然后尝试使按钮居中不再起作用。

我也想将电子邮件输入表单居中，但是#mc_embed_signup 输入和#mc_embed_signup input.email 都不起作用...我错过了什么？

Answer 1

您可以使用 !important 属性覆盖默认值 css

从 Mailchimp 设计注册表单 -> 有些东西不起作用

Styling sign-up form from Mailchimp -> some things don't work

css

mailchimp