Contact form 7表单css样式代码

2020年8月14日
作者:小朱笔记

Contact Form 7是Wordpress插件,不需要多做介绍,作为询盘表单插件,全球使用人数最多。虽然功能强大,但是外观太丑,需要手写CSS。

虽然CSS我也不是很会,通过谷歌查找教程,也学了些基本,把表单基本上改改还是能看,最起码比没改好吧。

没加CSS之前:

Contact form 7表单css样式代码 1

加了CSS之后:

Contact form 7表单css样式代码 3

虽然改的不是很好,起码还是能稍微看一下。

CSS如下:

.wpcf7-text,.wpcf7-textarea{
  width:100%;
  font-size: 16px !important;
  padding:12px !important;
}
.wpcf7-submit{
  width:100%;
  background-color: red;
  color: white;
  border:none !important;
  font-size: 16px !important;
  padding:10px !important;
}

小朱笔记

小朱个人博客,生活网络分享,外贸建站,谷歌seo操作分享,B2B优化排名操作分享,资源分享,软件分享,生活分享。https://www.zhudc.com/

相关文章

使用ssh命令删除WordPress缩略图的方法

使用ssh命令删除WordPress缩略图的方法

网上有很多删除WordPress缩略图的方法,很多都是插件,准备给自己的网站清理一下,之前玩插件的时候,设置没注意又生成了缩略图,原本在安装完网站就禁止生成缩略图,这坑爹的插件,一没注意又生成了。...

批量编辑WooCommerce产品插件

批量编辑WooCommerce产品插件

之前有推荐PW WooCommerce Bulk Edit插件可以批量进行WooCommerce产品修改,免费版总会有些限制,多找几个免费版,基本上所有的功能就有了。 这次又改了一百多个产品,找了新插件,体验效果非常好,操作简单,编辑速度又快。...

最新评论

0条评论

递交一条评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据