お問い合わせフォームの表示がズレます。。



  • コンタクトフォーム7でお問い合わせフォームを貼りましたが、
    図のように文字と入力欄が被ってしまいます。
    拡大縮小、違う端末での閲覧など試しましたが改善しませんでした。
    対処方法をご教示お願いします。
    https://gyazo.com/1b8c369e4505258327f12b9fb54343d9


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.8.1
    ご利用のサーバー名 : Xserver
    PHPのバージョン : 不明
    OS : Win10
    ご利用のブラウザ : edge
    該当サイトのURL : https://grand-designer.com/



  • @氷河期 さん

    以前、こちらのトピックで似たような話題が上がっていますが、
    https://jin-forum.jp/topic/3591/contact-form-7をサイドバーで表示させたい

    基本的に Contact Form 7 はサイドバーで表示する事を前提にはされていないと思いますので、
    プラグインのカスタマイズをしていただく必要があります。

    単純に被ってしまう状況を解決させたいのであれば、
    以下のコードを追加CSSに記述してみてください。

    (デバイス、ブラウザごとにチェックしたわけではありませんので、
     その点はご了承お願いいたします。)

    .wpcf7-form p {
        margin-top: 5px !important;
    }
    

    このコードは、お問い合わせページに表示されているフォームにも反映されますので、
    調整などは氷河期 さんご自身でご対応いただけますと幸いです。

    お手数おかけしますが、よろしくお願いいたします。