自分のための備忘録として記載します。
スタイルシートに追加
現在利用しているテーマのスタイルシートを変更。
下記を追加する。
最近のテーマはカスタムCSSに対応しているものが多いのでテーマのカスタマイズでカスタムCSSがあればそこに指定。
なければ style.css を直接変更
Contact Form 7 はデフォルト横並びなので、あえて縦改行をオプション扱いに。
この辺は好みでどちらでもOK
.list-block .wpcf7-list-item { display: block; }
.list-inline .wpcf7-list-item { display: inline; }
span.wpcf7-list-item{display: inline;}
Contact Form 7 フォームの記載方法
Contact Form 7 はデフォルト横並びなので特に指定なし。あえて縦改行をオプション扱いに。横並びは classを追加。
横並び
css変更後もデフォルト横並びなので特に指定なし。
[checkbox checkbox-001 free_text "A" "B" "C" "その他"]
縦改行
css変更後は縦改行はオプション扱いなので class指定を行う。
このサイトの「お問合せ」は下のように記載。
[checkbox checkbox-001 inquiry-type class:list-block free_text "A" "B" "C" "その他"]