添加边框和背景到Contact 7表单Wordpress

时间:2015-04-07 04:12:47

标签: html css wordpress contact-form-7

我正在尝试为Contact Form 7添加边框和背景颜色。我使用了"检查元素"要查看要定位的类/ ID,但我没有找到一个整体定位整个表单的类。我尝试过的所有内容(例如.wpcf7-form和.wpcf7)仅针对文本区域。有人可以帮忙吗?谢谢!

2 个答案:

答案 0 :(得分:0)

你可以用html中的div包围表单:

<div class="custom-styling">
    // contact form 7 code here
</div>

然后用CSS设置custom-styling类的样式。

答案 1 :(得分:0)

联系表单的顶级元素具有wpcf7类。要设置整个联系人表单的样式,请为类选择器添加样式规则,如:

.wpcf7
{
    background-color: #f7f7f7;
    border: 2px solid #0f0;
}

有关详细信息,请在此处查看:http://contactform7.com/styling-contact-form/

希望它对你有所帮助。