How Do I Change the Font Color in a Form?

Gravity Support Forums » Plugin Support » Gravity Forms

hillbillionaire
Member

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 14 years ago on Saturday May 7, 2011 | Permalink
Kevin Flahaut
Administrator
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 14 years ago on Monday May 9, 2011 | Permalink
hillbillionaire
Member

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 14 years ago on Monday May 9, 2011 | Permalink
Carl Hancock
Administrator

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 14 years ago on Monday May 9, 2011 | Permalink