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/

    0 1 件の返信
  • administrators

    @みやざき さん

    こんにちは！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;
}

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

    1
  • み

    ＠りょうた さん

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

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

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

    0_1572773790082_Contact Form 7（変更後）.jpg

    1