検索条件
全1件
(1/1ページ)
2014/01/12(日)WordPressのContact Form 7
参考書としては、
を購入しました。かなり分かりやすいのでオススメです。この本を購入した特典として、biz-vektor NEATプラグインをダウンロードできる（貰える）のですが、
このプラグインと、Contact Form 7を組み合わせたときにフォームの概観がそろいません。
具体的には、Contact Form 7 の電話番号(type="tel")、メールアドレス(type="email")にスタイルシートが適用されず
標準的な概観（枠）になります。それを統一する方法として、 biz-vektor-neat/css/neat.css 内の
input[type="text"], input[type="password"], textarea { background: #f9f9f9; border: 1px solid #cccccc; padding: 2px; font-size: 12px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); }
の先頭に「.wpcf7-form-control」を追加して、
.wpcf7-form-control, input[type="text"], input[type="password"], textarea { background: #f9f9f9; border: 1px solid #cccccc; padding: 2px; font-size: 12px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); }
としただけ。ただし、NEATプラグインがアップデートしたら上書きされてしまうので注意。以上、メモでした。