PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Captcha not aligned correctly

  1. Hi

    Only tested it in Firefox and IE7 so far but in both cases the Captcha box is too far right and out of line with the rest of the form fields.

    The form ishere

    I've tried a couple of solution sin other threads but they haven't worked.

    Thanks

    Steve G

    Posted 13 years ago on Sunday September 5, 2010 | Permalink
  2. try this

    .gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {position:relative; left:-4px}

    it worked okay in my test

    Posted 13 years ago on Sunday September 5, 2010 | Permalink
  3. Worked great! Is it possible to style the Captcha box?

    Many thanks

    Steve G

    Posted 13 years ago on Monday September 6, 2010 | Permalink
  4. Steve, the captcha box has a lot of inline styles.. it's loaded via a script from the reCaptcha service. You CAN do some styling on it, but it takes some effort.

    If you want to jump over to the beta version, there is now an option to integrate with the Really Simply Captcha plugin. If you have it installed, you can choose to use it instead of the reCaptcha field. It's less obtrusive and you can customize it a bit more as well.

    http://wordpress.org/extend/plugins/really-simple-captcha/

    admin screenshot | front end screenshot

    Posted 13 years ago on Monday September 6, 2010 | Permalink
  5. Hi Kevin,

    Is the beta pretty stable? Do I need to uninstall 1.3 first or will it install over it?

    Is it going to screw up all the hard work the both of us have put into this monster form?

    I'll sleep on it. The simple Captcha certainly looks less obtrusive as you said and easier to work with. The beta might be worth a shot depending on your answers to the above :-)

    Steve G

    Posted 13 years ago on Monday September 6, 2010 | Permalink
  6. The beta is stable. It's in beta 4 so pretty close to a release. You can manually update by overwriting the existing plugin files via ftp, or you can delete the current version via the plugins page and re-install from the new zip file.

    Your forms and style customizations (made in the theme stylesheet) will be fine.

    Posted 13 years ago on Monday September 6, 2010 | Permalink
  7. Hi Kevin,

    I am having a similar issue, the ablove CSS Code:

    .gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {position:relative; left:-4px}

    where do I insert that?

    Thanks

    Tariq

    Posted 13 years ago on Tuesday April 12, 2011 | Permalink
  8. any custom CSS rules should go at the end of your theme stylesheet.. usually "style.css"

    That said, I believe that snippet was unique to his site so it may not work for you. If you would like to post a URL to your form page, I'll be happy to take a look and help you get the layout fixed.

    Posted 13 years ago on Tuesday April 12, 2011 | Permalink
  9. Hi Thanks for your reply, I will post it as soon as possible its curently in a passworded development server, do yo have an email i can paste it to you on?

    Thanks
    Tariq

    Posted 13 years ago on Tuesday April 12, 2011 | Permalink
  10. Yep, you can send it to kevin@rocketgenius.com - please paste the link to this thread as well so I can reference back to it. Thanks.

    Posted 13 years ago on Tuesday April 12, 2011 | Permalink