captcha - Align reCaptcha to right on Contact Form 7

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 7 years ago.

Improve this question

I am running a wordpress site with contact form 7. I have signed up to reCaptcha and everything is working fine except all the fields on the form are right aligned but the reCaptcha is aligned to the left.

Is there anyway to align it to the right like the rest of the fields?

Heres a screenshot from my local machine:

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 7 years ago.

Improve this question

I am running a wordpress site with contact form 7. I have signed up to reCaptcha and everything is working fine except all the fields on the form are right aligned but the reCaptcha is aligned to the left.

Is there anyway to align it to the right like the rest of the fields?

Heres a screenshot from my local machine:

• plugin-contact-form-7
• captcha

Share Improve this question edited Oct 19, 2017 at 12:33 fuxia♦ 107k3939 gold badges255255 silver badges461461 bronze badges asked Oct 19, 2017 at 12:14 Aadil GanieAadil Ganie 1311 silver badge33 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 4

You can't do that directly inside the CF7 plugin you need to modify the CSS.

Add the following to your theme's style.css file:

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

PLEASE BE NOTED:

If you add the above code, it will take effect to all your recaptcha fields in every forms on your website.

Often times, we would like to only do this to a certain form, this is how you can do it:

First: Add an ID to the recaptcha in Contact Form 7

[recaptcha id:enquiryFormRecaptcha]

Second: Customize your CSS

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

Good luck!