お問い合わせフォームの記入欄を一定の大きさにしたい



  • 0_1629905471678_スクリーンショット 2021-08-26 003048.png
    お世話になっております。
    お問い合わせフォームを設定したのですが電話番号の記入欄の枠だけ細くなってしまいます。
    氏名とメールアドレスと同じ太さにしたいのですがどのようにしたら良いでしょうか?
    教えてください。


    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :



  • @motoyama さん

    こんにちは!

    拝見した感じですと、Contact Form 7 を使用されていると思いますが、
    Contact Form 7のデフォルトでは添付いただいた画像の通りのデザインだったはずですね。。

    単純に見た目を合わせるだけでしたら、以下の追加CSSで対応できるかと思います!

    .wpcf7-form-control-wrap input[type="tel"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-radius: 2px;
        border: 1px solid #ccc;
        padding: 7px 10px;
        font-size: 1em;
        margin-bottom: -10px !important;
        -webkit-appearance: none;
    }
    

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



  • お問い合わせフォームの記入欄を一定の大きさにしたいで@Tsuno_が発言 :

    .wpcf7-form-control-wrap input[type="tel"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 7px 10px;
    font-size: 1em;
    margin-bottom: -10px !important;
    -webkit-appearance: none;
    }

    解決しました。
    ありがとうございます。