メールフォームProのCSSについて

たこすけさん (2022-09-16 08:29:18) 設置中です

メールフォームで必要なものは、名前、メールアドレス、郵便番号、住所、お問合せ内容、プライバシーポリシーにチェックです。とてももったいない使い方です。

たったこれしか使わないので、HTMLやcssも独自のシンプルなものにしたと思い既存cssの読み込みをやめると、画面に膜を張ったように何も操作（入力やボタンクリック）ができなくなりました。overlayかなにかが問題になっているような気がします。

そこで、最低限必要なCSSはどれになるのか教えてもらえませんか？確認画面はシステムかフラットを考えております。また、確認画面をフラットにした場合タグの変更はできますか？

もうひとつ、入力必須の部分でエラーとなるとき、その項目が画面上部までスクロールアップしますが上部100pxくらい下に下げることはできますか？

アドバイスをよろしくお願いいたします。

CSSについて

和田 (2022-09-16 11:56:55) www.synck.com

そうですね、かなり無駄な部分が多くなっているので、余計な部分はmailformpro.cssから削る必要があります。画面がさわれなくなる部分のセレクタはdiv#mfp_loading_screenあたりですね。

当初は各パート毎にCSSを分割していたのですが、分割して読み込むと尋常じゃなくレスポンスが遅くなるためマージした状態で配布しております。あとはWebインスペクタ等をご利用いただいて、不要な部分をガシガシ削っていただくしか方法がございません・・・。

また、確認画面のHTMLは基本的に変更はできませんが、ある程度のカスタマイズはできるようになっています。エラー時のスクロールに関しては/add-ons/smoothScroll.js内のtop-50をtop-150にすると、ご希望に近い移動距離になると思います。