goodpageロゴ

ContactForm7で送信ボタンが中央揃えにならない問題を簡単解決

ContactForm7で送信ボタンが中央揃えにならない問題を簡単解決

投稿日:2023.11.20
最終更新日:2024.03.18
湘南在住。国立音楽大学卒業 / 96年生まれの2児母。ピアノ講師とWEB制作のお仕事をしています。
このブログではお仕事のことから日常生活のことまで、幅広く書いています。

実案件でContact Form7を使用したのですが、送信ボタンがなぜか中央揃えにならず…。

margin: 0 auto;とかtext-align: center;とかもう全部効かなくてお手上げ状態だったのですが、調べてみると簡単に解決できました!

これ入れるだけ!

div.wpcf7 .wpcf7-spinner {
display: none !important;
}

はい解決!

これは私のポートフォリオでそもそも真ん中にはしてなかったけど、いましたこやつです!wpcf7-spinner!

↑ページローディングがもともと入っているから送信ボタンが真ん中にならなかった模様。

消すのではなくて場所を移動させてあげるでもよさそう。

何はともあれ一旦消すことで真ん中できました!

Contact

お問い合わせ

お見積もりやご相談は無料ですので
お気軽にお問い合わせください!

お問い合わせフォーム