Contact From7 预制排版效果

Css代码,一般直接加在 WordPress 后台–>外观–>主题编辑器–>Style.css

.wp_w_100{width:100%}
.wp_w_50{width:49%}
.wp_w_33{width:33%}
.wp_w_50,.wp_w_100,.wp_w_30{margin-bottom:10px}
.wp_cf{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wp_cf label,.wp_cf input,.wp_cf select option,.wp_cf label,.wp_cf textarea{font-size:16px;}
.wp_cf input,.wp_cf textarea{padding:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px}
.wp_cf input::-webkit-input-placeholder,.wp_cf textarea::-webkit-input-placeholder{color: #b1b1b1;}
.wp_cf input::-moz-placeholder,.wp_cf textarea::-moz-placeholder{color: #b1b1b1;}
.wp_cf input:-ms-input-placeholder,.wp_cf textarea::-moz-placeholder{color: #b1b1b1;}
.wp_cf input[type=checkbox]{width:auto;} 
.wp_cf .textarea{height:120px;}
.wp_cf .wpcf7-submit{display:inline-block;line-height: 100%!important;width: 120px!important;height: 50px!important;}
.wp_cf span.wpcf7-list-item{width:30%;}
.wp_cf .textarea{height:120px;}

.wp_cf .wpcf7-submit:hover{border:2px solid #F1942E;}
@media only screen and (max-width:767px){
.wp_w_50,.wp_w_33{width:100%;}
.wp_cf span.wpcf7-list-item{width:50%;}
}

 

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"Yongwp.com",如遇到无法解压的请联系管理员!
WordPress外贸建站 » Contact From7 预制排版效果

查看优质的WP整站案例

立即查看 联系我们