Contact form 7表单css样式代码

Contact Form 7是Wordpress插件,不需要多做介绍,作为询盘表单插件,全球使用人数最多。虽然 […]
08.14.2020
文章分类:WordPress技巧

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

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

没加CSS之前:

Contact form 7表单css样式代码 5

加了CSS之后:

Contact form 7表单css样式代码 7

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

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/
相关文章
使用WP-CLI命令管理 WordPress

使用WP-CLI命令管理 WordPress

WP-CLI 是一款用于管理 WordPress 的命令行交互界面,无需浏览器即可完成插件更新,可以数据库备份创建、插件和主题的安装和删除、发布和删除帖子、更改站点的URL设置、执行升级、可以生成备份、可以发布新帖子、多站点设置、并且可以使用一组命令来执行大多数常规管理操作。...

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

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

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

批量编辑WooCommerce产品插件

批量编辑WooCommerce产品插件

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

评论

0条评论

递交一条评论

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

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