Question

我在Wordpress网站上发了一个联系表格7：http://ppcdigitalblack.com/contact/

我希望它包括：全名*，电子邮件地址*，消息*和预算下拉列表（不是必需的）

我希望在居中的字段框中使用全名和电子邮件地址，每个字段占用一半的空间。我也希望字体是Lato和蓝色......出于某种原因，“你的全名”是灰色的！

我尝试了这篇博文的所有技巧，但没有运气： https://deliciousthemes.com/contact-form-7-fields-columns/

所以我想知道这两件事是否有CSS技巧，或者你们是否有一个值得信赖的插件来格式化Contact Form 7，它与Uncode配合得很好。

这是我对联系表单的代码，试图操纵字体：

.contactform {
text-align: center;
font-family: 'Lato';
color: #777777;
}

这是我对表单宽度的代码，实际上给了我一个更喜欢的表单宽度。我只是喜欢将表单字段集中在一起，但理想情况下，将电子邮件和名称放在同一行！

.wpcf7-form {
max-width: 800px;
margin: 0 auto;
}

欣赏任何想法或建议！

Answer 1

我认为这会对你有帮助。

（由于某种原因＆＃34;您的全名＆＃34;是灰色的!! ） - 这是因为其他标签在<p>内被强奸，如果你这个标签不是可以苹果相同，然后它的确定。或者你可以使用这种风格。

form .contactform>label{
 color: #007ec7;
}

使用font-family: 'Lato';时，您最好执行以下操作 -

如果您还没有，请在<head>附加字体系列网址

<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

您可以按照以下方式申请 -

   form .contactform {
     text-align: center;
     color: #777777;
     font-family: 'Lato', sans-serif;
     font-weight: 400;
    }

对于居中对齐您可以使用的<input> -

form .contactform input[type="text"],form .contactform input[type="email"]{
         margin: 9px auto 0 !important;
    }

希望这有用。如果还有其他任何问题可以随意提出。：）