Technical

公開日: 2024年07月3日  公開日: 2024年07月3日

【WordPress】reCAPTCHA(v2)をCSSで中央に配置する方法

前提

  • WordPressのcontact form7のプラグインを使っている
  • スパムメールがうざいと思ってイライラしている

WordPressのプラグインでよくお世話になる「Contact Form 7」のスパム対策として、Google提供のキャプチャシステム「reCAPTCHA(v2)」を導入することがありますが、表示が左寄りで見た目が気になったため、CSSを使って中央に配置するように調整しました。

↑こういうやつです。

ご指定のcssに記述

/*recaptcha中央配置*/
.wpcf7-recaptcha{
margin-right:auto;
margin-left:auto;
text-align: center;
width:300px;
}

これでセンター寄せになるはずです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Related Posts

pageTop