Contact Form 7の設定について



  • お世話になります。
    みやざきと申します。
    『Contact Form 7』での問い合わせフォームの設定についての質問です。

    デフォルトでは…
    ■名前
    ■メールアドレス
    ■題名
    ■メッセージ本文
     ↑↑
    こうなりますがいくつか項目を追加したいと思っています。

    まずは『電話番号』の追加を試みたのですが思うように出来ません。
    追加した項目だけ、入力欄が細長くなってしまいます。
    デフォルトの項目ときれいに揃えたいです。
    どうすればよろしいでしょうか?
    ※添付資料をご確認ください。

    ググってみたところ同じような問題を、高度な?テクニックで解決されている方もいらっしゃるようですが、今のところハードルが高そうです。

    何かよい方策はございますでしょうか?
    お知恵をお貸しくださいませ。

    どうぞよろしくお願いします。

    0_1572498012633_Contact Form 7.jpg


    WordPressのバージョン : 最新
    ご利用のサーバー名 : wxp
    PHPのバージョン : ?
    OS : Windows10
    ご利用のブラウザ : Chrome
    該当サイトのURL : http://www.kmkmkm0704.com/form-contact/



  • @みやざき さん

    こんにちは!JIN運営チームのりょうたです。
    この度はJINご利用いただき誠にありがとうございます。

    表示の件ですが、以下を追加CSSに追記していただくと解消するかと思います。
    幅の調整や文字の調整も行なっておりますが、変えたい場合は@みやざき さん自身で修正していただきますようお願い致します。

    .wpcf7-form-control-wrap input[type="tel"] {
        width: calc(100% - 20px);
        padding: 7px 10px;
        border: 1px solid #ccc;
        border-radius: 2px;
        font-size: 1rem;
    }
    

    お手数お掛け致しますが、宜しくお願い致します。



  • @りょうた さん

    大変お世話になります。みやざきです。
    ご対応ありがとうございます。

    早速やってみましたところ、添付のように見事に揃いました。
    助かりました!!

    またいろいろと出てくると思います。
    引き続きどうぞよろしくお願いします。

    0_1572773790082_Contact Form 7(変更後).jpg