Contact Form 7のレスポンシブ対応

クラスを追加

１）　スタイルシートに下記を追加

.form-width { max-width: 100%;}

２）

<code>
<p>お名前（必須）<br />
[text* your-name class:form-width]</p>

<p>メールアドレス（必須）<br />
[email* your-email class:form-width]</p>
</code>

おまけ

「送信」ボタンをフラットなデザインに！

<code>
.wpcf7-submit {
font-size: 1.2em;

padding: 5px 30px;

background-color: #248;

color: #fff;

border-style: none;

}

.wpcf7-submit:hover:enabled {

background-color: #24d;

color: #fff;

}

</code>