「Contact Form 7」のスパム対策に、Googleが提供するキャプチャ・システム「reCAPTCHA」を設置しました。
よく見るこれを↓とても簡単にContact Form 7に追加できたのですが、左寄りに表示されてしまい見栄えが良くないのでCSSで中央(センター)配置にしました。
「reCAPTCHA」をCSSで中央に表示させる方法
「reCAPTCHA」を設置するとこのように左寄せで表示されました。

何となくバランスが悪いので子テーマのstyle.cssに以下を追加しました。
WordPress管理画面「外観」→「テーマの編集」をクリックして子テーマのstyle.cssの編集画面を開きます。

以下のコードを追記して、「ファイルを更新」をクリックします。
/*メールフォームrecaptcha中央配置*/
.wpcf7-recaptcha{
margin-right:auto;
margin-left:auto;
text-align: center;
width:300px;
}
するとこのように中央に配置されました。

ちょっとした事ですが、気になったので。






