Contact Form 7をレスポンシブ対応するお問い合わせフォームを作るときに定番のプラグイン「Contact Form 7」ですが、そのままだとレスポンシブに対応していません。 ぐちゃぐちゃ。。 クラス、スタイルシートを追記することで簡単に対応できるのでメモ。 クラスを追加 下記のように「Contact Form 7」のフォーム設定において下記のようにクラスを追加する。 例）form-widthというクラスを追加 で、スタイルシートに下記を追加。 .form-width { max-width: 100%;} これだけ。 あとついでに「送信」ボタンをフラットなデザインにしたいので、下記も追加。 .wpcf7-submit { font-size: 1.2em; padding: 5px 30px; background-color: #248; color: #fff; border-style: none; } .wpcf7-su
