【ビズベクトル】コンタクトフォーム7のチェックボックスの改行

Pocket
LINEで送る
このエントリーをはてなブックマークに追加

お問い合わせフォームなどで、チェックボックスを表示することがあります。

「Contact Form 7」で、チェックボックスを設置すると、改行せずに横並びになってしまいます。

ContactForm7chk

 

チェックボックスの項目ごとに、1行ずつで表示した方がわかりやすいです。

そんな時には、外観→テーマ編集を開いて、style.cssに以下の内容を追加します。

#content form span.wpcf7-form-control-wrap .wpcf7-list-item,
#content form span.wpcf7-form-control-wrap .wpcf7-list-item label { float:none; }

上記を、style.cssに以下の内容を追加しますと

改行されます。

Pocket
LINEで送る
このエントリーをはてなブックマークに追加

ReClearのオススメするコンテンツはこちらから

女性に嬉しいWeb通信

メルマガ読者限定の特典あります。
お名前とメールアドレスを入力してボタンをクリック!
お名前(姓名)
 
メールアドレス

女性起業家・女性経営者様へ

もう、ホームページのことで悩まない!ホームページ制作も運営もまるごと丸投げ!
もう、ホームページのことで悩まない!ホームページ制作も運営もまるごと丸投げ!