Blog

Adding space between reCAPTCHA and the comment Submit Button on WordPress

When I embedded reCAPTCHA into my WordPress blog the first thing I noticed was that reCAPTCHA was sitting directly on top of the “Submit Comment” button without allowing any breathing room between the two. The appearance was rather obtrusive so I decided to do a quick search for a solution using my buddy, “Google.” Normally I would muck around with the code myself and call it a day, but I figured there was someone who already found a fix and shared it with the rest of us. As it turns out, there are many forum discussions about this same exact issue and several on the WordPress forum, yet no solutions were ever posted.

So, after wasting a few minutes searching for a solution, I decided to look through the code so I could figure out how reCAPTCHA was embedded into the comment section of the blog and attempt to correct its placement. My first instinct was to add a simple “break (<br/>)” tag in the comments.php file, above the “Submit Comment” button code, so this way it would add some space. However, this edit was unsuccessful and I quickly realized the only way to make this work was by combing the reCAPTCHA PHP file and looking for the correct section in the code to add a “<br/>” tag. After I opened the reCAPTCHA PHP file it did not take more than a minute to figure out which section needed the “<br/>.”

Read More