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.

Description Under Field

  1. 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

    Posted 12 years ago on Wednesday July 6, 2011 | Permalink
  2. How to target and style fields using CSS is covered in the Documentation in the CSS Targeting Samples page under Design and Layout here:

    http://www.gravityhelp.com/documentation/page/Design_and_Layout

    The CSS Targeting Samples can be found here:

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    It provides all sorts of examples for targeting and styling specific form field elements, including the description which can be found here:

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Input_Field_Description_Container

    Posted 12 years ago on Wednesday July 6, 2011 | Permalink
  3. 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.

    Posted 12 years ago on Wednesday July 6, 2011 | Permalink
  4. 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.

    Posted 12 years ago on Wednesday July 6, 2011 | Permalink