How to align Google reCAPTCH in center?

Google reCAPTCHA

Google reCAPTCHA is an artificial intelligence based security tool that prevents spam emails and messages that are maliciously sent to the website’s admin inbox through the active contact or registration forms present on the website when a form request is submitted, triggered or registered by a bot.

In case you are wondering how to install Google reCAPTCHA to your website? We have a solution for that as well. You can integrate Google reCAPTCHA by either using WordPress CMS (Content Management System) with Contact Form 7 plugin version 5.0.5 (our recommendation) or organically through the coding in case your website has been made with pure custom coding. Don’t worry! We are here to cover you with the solution, for this topic as well, in a separate article. 🙂

Please note: We will soon be uploading the link here. So stay tuned!

After searching on the internet we found that many people are finding it difficult to align Google reCAPTCHA in the center. Not to worry, we have a simple solution for you. This solution is tested using Contact Form 7 plugin (version 5.0.5) on WordPress. All you need to do is: Just copy the CSS below either to the Additional CSS section available in WordPress Customizer or you can write it inside <style></stlye> tags anywhere on the page where HTML is applicable.

Here is the code:

.g-recaptcha
{
width: 300px;
display: block;
margin: 0px auto;
}

Here is the live example of the code above. Please scroll below to the registration form at https://webdoors.in/

P.S. You will find Google reCAPTCHA in center at the end of the page. Please be aware the media query is also used so either your window’s width or your device’s width must be lesser than 1000px to get the Google reCAPTCHA widget in center.

Please do let us know in the comment if this solution worked for you, whether or not. Also, in case you encounter any difficulty in implementing the code or if the code did not worked in the your scenario, please feel free to let us know down in the comments below. We will love to help you out ASAP! Thanks! Take care. <3 🙂 

Leave a Reply