WP-Recaptcha: text box alignment wrong

[sjt]

I have added the WP-Recaptcha plugin, but the text box alignment is incorrect. Can you advise what is causing this?

Link: http://www.australianclimatemadness.com/?p=1170

Image attached.

Cheers,

Simon

[sayontan]

I need the plugin to be active to tell you how to fix it - looks like you removed it

[sjt]

Sorry, now activated.

cheers,

[sjt]

Sorry, I'm not going to bother with this plugin - too many steps for commenters to go through. I will rely on my spam catching system instead.

Thanks again.

Simon

[whitingnet]

Hi there,

I'm having exactly the same problem on my site. Any chance you could take a look?

Link: http://whitingnet.co.uk/2009/12/updates/

Many thanks
L. Whiting

[sayontan]

In your theme options go to "Custom CSS, JavaScript & RSS", then look for "Custom Styles". Put in this:

Code: Select all

#commentform label.recaptcha_input_area_text {
        border: none;
}

#recaptcha_response_field {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
}


Let me know if this works and I will add support for this out of the box in the next release.

[whitingnet]

All fixed

Thank you very much for your prompt help!

Just for my own curiosity how did you go about tracking the problem down? I'm always up for learning!

[sayontan]

The simplest tool to use is the Firebug extension in Firefox. Using that I can right-click on a screen element and say "Inspect Element". That typically says which CSS class is applicable to the element and then I can experiment with tweaking attributes.

One thing to realize is that the custom styles option that I pointed to you is something that overrides the style.css file. So you shouldn't make edits to the style.css file, instead you should define all your custom styles in this option. That way you don't lose your settings in an upgrade.