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.

How Do I Change the Font Color in a Form?

  1. I have a form in a Wordpress site using the 2010 theme. The font color is for each field except the first one is appearing as a light gray. The font color for the first field is appearing as black.
    How do I change the font color in the fields where the font color is gray so it is black.
    Here is the url for the form:
    http://tapenews.com/thetapeworks_survey/

    I understand that a CSS Class name can be defined for each field but I don't know the CSS Class name that would be for font color or how to adjust a CSS Class name.

    thanks,

    G. Harrison

    Posted 13 years ago on Saturday May 7, 2011 | Permalink
  2. You would have to define a new class in your theme stylesheet, then apply that class in the admin to each field or form and that's not really necessary. The easiest thing to do is to open your themes style.css file and change line 617 where the color is defined.

    [css]
    .entry-content label {
        color: #888888;
        font-size: 12px;
    }

    to

    [css]
    .entry-content label {
        color: #000000;
        font-size: 12px;
    }

    screenshot: http://grab.by/a5fx

    Posted 13 years ago on Monday May 9, 2011 | Permalink
  3. Kevin,

    Thank you for your response.

    I opened the style.css file for the form at
    http://tapenews.com/thetapeworks_survey/

    I found the code you mentioned on line 1235 and the font color was defined as
    color: #888
    I changed that to color:#888888 and uploaded the edited file.
    I also tried changing the font color to color:#000000
    The color of the font in the form didn't change after either edit.

    http://tapenews.com/thetapeworks_survey/

    Here's a screen grab of the edited style.css file opened in dreamworks.

    http://tapenews.com/thetapeworks_survey/screen_grab.jpg

    Posted 13 years ago on Monday May 9, 2011 | Permalink
  4. I'm a little confused as to what you are trying to do.

    As it is right now when I view this form: http://tapenews.com/thetapeworks_survey/

    I see this: http://grab.by/a5lM

    The field labels are grey using the hex color #888888

    See this screenshot of the CSS: http://grab.by/a5lP

    So if you changed it to #888888 that is what is currently reflected and is what is being used. The color is grey because the CSS is telling it to be grey which is what #888888 is.

    If you want it black you need to change #888888 to #000000

    Posted 13 years ago on Monday May 9, 2011 | Permalink