• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

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



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください