[WP]Contact Form 7のチェックボックスの項目を改行する方法

WordPress

2014.12.242024.08.30

WordPress のContact Form 7プラグインを使って作成したメールフォームでチェックボタンやラジオボタンを使う際に、項目を改行して縦に並べたい場合のカスタマイズのご紹介です。

Contact Form 7 のチェックボックスの項目を改行

Contact Form 7 プラグインで普通にチェックボックを使うと項目が横に並んでしまいますので、
項目を改行したい場合は、CSSでspan.wpcf7-list-itemのクラスにdisplay:blockを指定します。

span.wpcf7-list-item {
	display: block;
}

span.wpcf7-list-item {

display: block;

}