Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Mailchimp自定义表单CSS_Html_Css_Wordpress_Mailchimp - Fatal编程技术网

Html Mailchimp自定义表单CSS

Html Mailchimp自定义表单CSS,html,css,wordpress,mailchimp,Html,Css,Wordpress,Mailchimp,我已经为我的网站的页脚创建了一个MailChimp表单,我已经在一些帮助下修改了CSS,使它看起来像现在这样。我现在陷入了困境,我附加了两个图像,第一个是我希望表单的外观,第二个是当前代码使它看起来像什么 如果能为我指明正确的方向,我将不胜感激 名字: 姓氏: 电子邮件地址 “电子邮件地址”标签有一类“标签”,而其他标签没有。只要删除这个类,它就会像其他两个一样 找到这一行: <label for="mce-EMAIL" class="label">Email Address:

我已经为我的网站的页脚创建了一个MailChimp表单,我已经在一些帮助下修改了CSS,使它看起来像现在这样。我现在陷入了困境,我附加了两个图像,第一个是我希望表单的外观,第二个是当前代码使它看起来像什么

如果能为我指明正确的方向,我将不胜感激


名字:
姓氏:
电子邮件地址
“电子邮件地址”标签有一类“标签”,而其他标签没有。只要删除这个类,它就会像其他两个一样

找到这一行:

<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>