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;
}
これでセンター寄せになるはずです。