ContactForm7をレスポンシブにする

投稿者: | 2016年3月9日

まだ全然サイト作れてないですがお問合せだけ作りました。お問い合わせフォーム作るの楽しいので、、

ですがスマホだと入力欄が突き抜けてしまうということがあったのでレスポンシブにしました
参考:コピペでOK!『Contact Form 7』をレスポンシブ化するカスタマイズ!

 

完成はこんな感じ。突き抜けずによさげ。

screenshot_20160309-215604.png

つくり方は参考サイトそのままです。

まずContactForm7の設定でタグに

を追加します。

SnapCrab_NoName_2016-3-9_21-58-52_No-00

次にCSSに

を入れるだけです。参考サイトはボタンもフラットデザインにしていたのでマネます。

色をちょっとこのサイト仕様にしただけ。簡単。もっと濃い記事書かないとダメっすね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です