【ビズベクトル】コンタクトフォーム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で送る
このエントリーをはてなブックマークに追加