Tim
Member
Hi there..
Im currently trying to change the color of the description text beneath a regular form field: http://tardis1.tinygrab.com/auL3
Currently its very dark gray.. i need it to be a bit lighter..
Thanks
Tim
How to target and style fields using CSS is covered in the Documentation in the CSS Targeting Samples page under Design and Layout here:
The CSS Targeting Samples can be found here:
It provides all sorts of examples for targeting and styling specific form field elements, including the description which can be found here:
Tim
Member
C'mon Carl...
I went all over those targeting samples but could not find it ;-) Otherwise i would not post it in the forum...
Would you mind telling me whats the exact CSS code for that text below the form?
Its greatly appriciated.
I already provided it. The last link in my response above is the targeting sample for the field description container. The field description container is the container for the field description. It is what you use to target and style the description of a field.
For example, the targeting sample in the documentation looks like this:
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {border:1px solid red}If I add this CSS to my themes stylesheet and view my form I get this: http://i.imgur.com/DOPez.png
Which is exactly what the CSS told it to do... add a 1 pixel solid red border around that field description by targeting that element.
If I want to change the color to red I would modify the CSS so it looks like this:
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {color: red;}Which results in a form field that looks like this: http://i.imgur.com/pg2r4.png
Those screenshots are taken right from my test form and the changes were implemented using the CSS above which come directly from the CSS targeting examples that I provided you links to above.
So i've provided you with everything you should need to target and style form field elements.
