web-dev-qa-db-ja.com

お問い合わせフォーム7の右にreCaptchaを揃えてください

私はコンタクトフォーム7でワードプレスサイトを運営しています。私はreCaptchaにサインアップしました、そしてフォーム上のすべてのフィールドが右寄せされているがreCaptchaが左寄せされていることを除いてすべてうまく動いています。

他のフィールドのように、それを右寄せにする方法はありますか。

私のローカルマシンからのスクリーンショットをヘレス: Picture of reCaptcha aligning to left on contact form 7 

1
Aadil Ganie

CSSを修正するために必要なCF7プラグインの中で直接それを行うことはできません。

テーマの style.css ファイルに以下を追加します。

.wpcf7-recaptcha > div {
    margin: 0 0 15px auto;
}

注意してください:

上記のコードを追加すると、それはあなたのWebサイト上のすべてのフォームのすべてのrecaptchaフィールドに有効になります。

多くの場合、私たちはこれを特定の形式に対してのみ行いたいのですが、これがあなたのやり方です。

まず、Contact Form 7のrecaptchaにIDを追加してください。

[recaptcha id:enquiryFormRecaptcha]

第二に:あなたのCSSをカスタマイズする

#enquiryFormRecaptcha > div {
    margin: 0 auto 0 auto;
}

がんばろう!

3
Greg36