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.

Font Color of Form Fields

  1. On my forms, the font color that a user types in the form fields is very similar to the background color of those boxes. How can I change the font color to white?

    http://www.neverstaysilent.com/about/our-team

    Also, the outline of the boxes could be lighter in color as well. Thanks!

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  2. Looks like in your theme you have this:

    [css]
    input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: none repeat scroll 0 0 #222;
    border: 1px solid #444;
    border-radius: 2px 2px 2px 2px;
    color: #777;
    }

    If you want to retain that style and not mess with it, then you will need to target gravity form's inputs only with something like this and place it into your theme's css:

    [css]
    .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper select {
    color: white !important;
    border-color: #666 !important;
    }
    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  3. Ok I copied and pasted the coding that you had in your reply into my css stylesheet for the theme and no change.

    http://www.neverstaysilent.com/about/our-team

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  4. Try it now, I edited the above slightly with some !important declarations.

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  5. still the same =/

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  6. I'm having a hard time finding that style block - which CSS file did you place it in? You have a gazillion CSS files in your theme - so trying to figure out where it might be at this level is cumbersome and also every theme is setup differently so I'm not sure of your hierarchy. If you removed it, can you add it back in for me and point me to the CSS file so I can see what's going on.

    Also, are you even using this anywhere in your theme at the moment?

    [css]
    input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: none repeat scroll 0 0 #222;
    border: 1px solid #444;
    border-radius: 2px 2px 2px 2px;
    color: #777;
    }

    If not, you might want to just update that to reflect your needs, or make that selector more specific with an ID or a class.

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  7. Im sorry Im not more knowledgeable on the this stuff. I purchased the theme on wordpress..and am not sure where all the coding is that you need. Is there any way that I could have you log into it and see for yourself?

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  8. Im just not a programmer. this is my first attempt at creating a website from scratch on my own. Ive always been on the design side of things. So im not very knowledgeable. Sorry man.

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink
  9. Sure dude, no worries. Send me the info to rob@rocketgenius.com and I'll take a peek.

    Posted 13 years ago on Tuesday February 28, 2012 | Permalink

This topic has been resolved and has been closed to new replies.