• Contact Form 7で挿入するチェックボックスの項目を改行したいのですが、どうすればいいのかわかりません。
    といっても、項目を1つずつ改行して縦に並べる方法は、先輩方の投稿と回答で学びました。

    今回問題にしたいのは、特定の項目のところだけ改行できないか?ということです。
    というのは、以下のように親要素の幅によって
    ——————————————-
    □項目AA□項目BB□項目CC□項
    目DD□項目EE□項目FF□項目G
    G□項目HH□項目II
    ——————————————-
    項目の途中で強制改行されてしまい項目がわかりにくくなる場合があり、それを解消したいのです。

    ——————————————
    □項目AA□項目BB□項目CC
    □項目DD□項目EE□項目FF
    □項目GG□項目HH□項目II
    ——————————————
    のように。

    こういった、項目を選んでの改行はContact Form 7では可能なのでしょうか?
    お知恵がありましたらお教えください。

    よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • おはようございます。
    コンタクトフォームの使い方のページでCSSでブロック(1行)にする方法が載っています。
    http://contactform7.com/ja/custom-layout-for-checkboxes-and-radio-buttons/

    この方法で display: block;ではなく display: inline-block; とすれば良いのでは?
    ただし、inline-blockは IE7以下で対応していないのでご注意ください。

    トピック投稿者 resistantPanda

    (@resistantpanda)

    ありがとうございます。
    実践してみたところ、ちゃんと改行されました!

    実はinline-blockというのがどんな役割を果たすのか、効果をもたらすのかいまいちよくわかってなくて、まだまだ勉強不足だと思わされます。

    解決したのであれば右上のプルダウンを『解決済み』にしてください〜。

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック「【Contact Form 7】チェックボックスの改行*既稿のとは違う質問*」には新たに返信することはできません。