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

    Hi there..

    Im currently trying to change the color of the description text beneath a regular form field:

    Currently its very dark gray.. i need it to be a bit lighter..



    Posted 10 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:

    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:

    Posted 10 years ago on Wednesday July 6, 2011 | Permalink
  3. Tim

    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 10 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:

    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:

    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 10 years ago on Wednesday July 6, 2011 | Permalink