Html Mailchimp自定义表单CSS
我已经为我的网站的页脚创建了一个MailChimp表单,我已经在一些帮助下修改了CSS,使它看起来像现在这样。我现在陷入了困境,我附加了两个图像,第一个是我希望表单的外观,第二个是当前代码使它看起来像什么 如果能为我指明正确的方向,我将不胜感激Html Mailchimp自定义表单CSS,html,css,wordpress,mailchimp,Html,Css,Wordpress,Mailchimp,我已经为我的网站的页脚创建了一个MailChimp表单,我已经在一些帮助下修改了CSS,使它看起来像现在这样。我现在陷入了困境,我附加了两个图像,第一个是我希望表单的外观,第二个是当前代码使它看起来像什么 如果能为我指明正确的方向,我将不胜感激 名字: 姓氏: 电子邮件地址 “电子邮件地址”标签有一类“标签”,而其他标签没有。只要删除这个类,它就会像其他两个一样 找到这一行: <label for="mce-EMAIL" class="label">Email Address:
名字:
姓氏:
电子邮件地址
“电子邮件地址”标签有一类“标签”,而其他标签没有。只要删除这个类,它就会像其他两个一样
找到这一行:
<label for="mce-EMAIL" class="label">Email Address:</label>
电子邮件地址:
将其更改为:
<label for="mce-EMAIL">Email Address:</label>
电子邮件地址:
在哪里可以找到它:
<form action="https://www.kayakinguk.com/" method="post"><div class="mc-field-group col-lg-6">
<label for="mce-FNAME">First Name:</label>
<input type="text" id="mce-FNAME" class="input required" name="FNAME" value="">
</div>
<div class="mc-field-group col-lg-6">
<label for="mce-LNAME">Last Name:</label>
<input type="text" id="mce-LNAME" class="input required" name="LNAME" value="">
</div>
<div class="mc-field-group col-lg-8">
<label for="mce-EMAIL" class="label">Email Address:</label>
<input type="email" id="mce-EMAIL" class="required input email" name="EMAIL" value="">
</div>
名字:
姓氏:
电邮地址:
正在更改其背景颜色和字体属性的.label
类是在第5494行的bootstrap.css
中找到的一个预设,以防您好奇 我给你一个提示:你需要覆盖mailchimps自己的CSS(这不在WP style.CSS上)。。。继续努力!!!正是@maioman说的。如果你链接到你的站点,我们可以向你展示你需要编辑的内容。@user3781632我已经成功地靠近了几步,但仍然有点卡住了。谢谢,我现在已经成功地按照我想要的方式对它进行了样式化。唯一的问题是,似乎有一个关于“名字:”、“姓氏:”、“电子邮件地址:”的链接。不知道为什么,因为我没有添加链接。如果你知道它为什么会这样做,那将是令人惊讶的,谢谢你的帮助@user3781632“link”是MailChimp的用户界面选择。通过单击字段的名称,您可以自动开始绑定到文本字段,而无需单击文本字段本身。您可以创建自定义类并将其添加到所有三个标签以禁用链接。这篇文章解释了如何做:。祝你好运Brilliant成功实现了这一改变,创造了奇迹。非常感谢@user3781632的帮助
<form action="https://www.kayakinguk.com/" method="post"><div class="mc-field-group col-lg-6">
<label for="mce-FNAME">First Name:</label>
<input type="text" id="mce-FNAME" class="input required" name="FNAME" value="">
</div>
<div class="mc-field-group col-lg-6">
<label for="mce-LNAME">Last Name:</label>
<input type="text" id="mce-LNAME" class="input required" name="LNAME" value="">
</div>
<div class="mc-field-group col-lg-8">
<label for="mce-EMAIL" class="label">Email Address:</label>
<input type="email" id="mce-EMAIL" class="required input email" name="EMAIL" value="">
</div>