如何修改Contact Form7的字体

>>如何修改Contact Form7的字体

更新日期: 2017-11-07

问题

如何设置Contact Form 7 中的字体,以便确保询盘表单的字体和网站的字体保持统一?

比如像下图所示,网页内容中的字体已经做了调整,字体选择的是: Montserrat ,但是询盘表单中的文字的字体是默认字体。

解决方法

在Theme Options -> Custom CSS 中添加一段CSS代码:

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    color: #217dd0;
    font-family:'Montserrat'; 
}

其中Color设置的是填写表单时输入的文字的颜色,font-family设置的是默认显示出来的及输入的文字的字体。不过如果你的表单字段和案例中的不一样的话,CSS代码可能会有一点点区别。

保存设置。效果如下所示:

2018-01-30T21:27:04+00:00