HOME フォーラム プラグイン Contact Form 7で同意チェックボックスを作成すると文字が改行されてしまう

このトピックには8件の返信が含まれ、3人の参加者がいます。3 年、 2 ヶ月前 tutikura さんが最後の更新を行いました。

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #2604

    nemoto
    参加者

    ページ上に「同意する」チェックボックスを入れないとボタンが押下できない仕組みを入れるため、
    以下のサイトを参考にContact Form 7でフォームを作成しました。
    http://foom.in/2012/04/cf7-checkbox/

    以下のタグを入れ、サイトに適用したところ
    [acceptance accept-this]同意する
      ↓

    同意する
    のように、文字が改行されてしまいます。

    BizVektor固有の現象かも判断がついていないのですが、どのように対応すればよいのでしょうか?

    #2606
    じょに次郎
    じょに次郎
    モデレーター

    ・BizVektorのバージョン
    ・選択しているデザインスキンの種類
    ・拡張デザインスキンであればバージョン
    を記載ください。

    • この返信は5 年、 8 ヶ月前に じょに次郎 じょに次郎 さんが編集しました。
    #2608

    nemoto
    参加者

    お世話になります。

    ・BizVektor バージョン: 0.10.1.1
    ・BizVektor NEAT バージョン 0.1.1
    になります。

    よろしくお願いいたします。

    #2615
    じょに次郎
    じょに次郎
    モデレーター

    ちょっと古いバージョンは不明ですが、BizVektor本体及びNEAT共に最新版で確認したところご連絡の症状は発生しませんでした。

    最新版のご利用を推奨します。

    最新版に出来ない場合は該当のURLを貼っていただければ何かしらアドバイス出来るかと思います。

    #2635

    nemoto
    参加者

    最新版はすぐには難しいので、現在のバージョンで何とか対応できると幸いです。

    以下のページで該当の現象を確認できます。
    お手数をおかけいたしますが、よろしくお願いいたします。
    http://www.bacs-j.co.jp/testpage/

    #2636
    じょに次郎
    じょに次郎
    モデレーター

    #content form span.wpcf7-form-control-wrap { display:inline-block; }

    を style.css にでも記載してみてください。

    #2638

    nemoto
    参加者

    教えていただいた内容を style.cssに記載しましたところ、1行になりました。
    チェックボックスの□と文字の縦位置がずれてしまいますが、レイアウトで何とかなりそうです。
    教えていただきありがとうございました!

    #2642

    nemoto
    参加者

    上記は解決しておりますが、以下の現象が確認できましたのでご報告いたします。

    教えていただいたcssの設定を適用すると、別途作成している従来のメールフォームが崩れる現象が出ました。
    (入力エリアがなぜか半分くらいの長さになってしまう)
    対応として、チェックボックス部分と文字部分をテーブルのtdで分け、見た目上改行されていないようにしました。

    #7880

    tutikura
    参加者

    じょに次郎さんが回答されている項目に
    補足するのはおこがましいのですが、

    Contact Form 7 の [承諾確認]([acceptance])でチェックボックスを改行させないようにする


    ではどうでしょうか。

    • この返信は3 年、 2 ヶ月前に  tutikura さんが編集しました。
9件の投稿を表示中 - 1 - 9件目 (全9件中)

このトピックに返信するにはログインが必要です。