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 input text color

  1. tensegrity
    Member

    I need to change the text color for the captcha input field. Right now it's black text on black background so you can't see what you're typing. I added the class .captchanew to my main stylesheet and put that in the custom css for the catpcha form element, but nothing has changed at all.

    Thanx in advance

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  2. It's not normally black on black. It's apparently inheriting from your theme somewhere. Can you post a URL to your form page so we can check it out?

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  3. tensegrity
    Member

    Sure here it is:

    mygamehosting.com/submit-your-company

    You'll have to get to step 3 to see it. Yes it's inheriting...the custom css didn't seem to work, but i could be missing something.

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  4. can't seem to get to get to step 3 for some reason.. when I press next from page 2 I get kicked to a non-form pageā€¦ something seems amiss.

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  5. tensegrity
    Member

    Hey, sorry that's the firewall. I just whitelisted your IP. Sorry about that....server got hacked a few months ago, now i keep things under lock down lol

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  6. Okay, see it now, was a little confused.

    Try adding this to the end of your theme stylesheet..

    [css]
    body .gform_wrapper div.recaptcha_input_area input#recaptcha_response_field {
    	color: #fff !important
    }

    test screenshot: http://bit.ly/y7mPmT

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  7. tensegrity
    Member

    u da man! Thank you so much!

    Can you explain how the custom css thing in the actual form element works though? I added a css class there but nothing took...would love to know for perpetuity. Thanx!

    Posted 12 years ago on Wednesday February 22, 2012 | Permalink
  8. The class name is added to the list item that contains the form controls. If you want to target the input in there specifically, you would just need to use CSS inheritance to drill down to the element.

    example: if you added "mycustomclassname" in the CSS Class Name field and wanted to change the input background color.

    [css]
    body .gform_wrapper li.gfield.mycustomclassname div.ginput_container input {
         background-color: red
    }
    Posted 12 years ago on Wednesday February 22, 2012 | Permalink