【WordPress】コンタクトフォーム7の送信ボタンが中央揃いにならないときの解決方法

コンタクトフォーム7の送信ボタンが中央揃いにならない原因とは？

コンタクトフォーム7の送信ボタンを中央揃いにしたいのに、なぜか中央に配置できない。
今回はそんなお悩みを解決する方法をご紹介しています。

そもそも、どうして送信ボタンが中央揃いにできないのでしょうか？

その原因は、コンタクトフォームの送信ボタンをクリックした時、一時的に表示される【スピナー】です。

コンタクトフォーム7のスピナーは、送信ボタンをクリックするまで表示されませんが、スピナー自体は送信ボタンの右横に存在しているのです。

このため、送信ボタンを中央揃いにしようとしても、スピナーの分だけ左にずれてしまうわけです。

原因が分かったところで、解決方法をご紹介していきます。

コンタクトフォーム7の送信ボタンを中央揃いにする方法

コンタクトフォーム7の送信ボタンを中央揃いにする方法を2つご紹介します。
ご自身の環境に合っている方を試してみてください。

解決方法1：スピナーの配置を変更する。

スピナーの位置を、送信ボタンの右横から下に移動させる方法です。
スタイルシートに下記を追記してください。

div.wpcf7 .wpcf7-spinner {
    display: block;
}

上記のコードを追記することで、スピナーの位置が送信ボタンの下部に移動し、結果として送信ボタンが中央揃いとなります。

解決方法2：スピナーを非表示にする。

スピナー自体を非表示にする方法です。
スタイルシートに下記を追記してください。

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

上記のコードを追記することで、スピナーが表示されなくなり、結果として送信ボタンが中央揃いとなります。

まとめ

コンタクトフォーム7の送信ボタンが中央揃いにならないときの解決方法を2つご紹介しました。

送信ボタンが中央揃いにならず、困惑する方は意外と多いようです。
そんな方は、今回の方法を試してみてください。