チェックボックスに改行を入れる方法【Contact Form 7(コンタクトフォーム7)】

ワードプレスのプラグイン、Contact Form 7(コンタクトフォーム7)のチェックボックスですが、そのまま項目を入力するだけでは、改行がはいりません。

一つの項目ごとに改行を入れるためには、次のステップで作業を行ってください。

1.チェックボックスを設置する

まずは、チェックボックスにそのまま入力するコードを入力します。

2.追加CSSに、専用のコードを入れる

ワードプレスの場合は、

外観 > カスタマイズ > 追加CSSに以下のコードを入力します

1
2
3
span.wpcf7listitem {
display: block;
}

3.問題ないかどうか確認する

最後に、チェックボックスが正しく改行されているか確認しましょう。

 

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter で【公式】ブログSEOコンサルタントをフォローしよう!