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.

Form CSS for data input

Gravity Support Forums » Plugin Support » Gravity Forms

  1. panoptic
    Member

    http://dev.panopticdesign.com/volunteer-form/

    Where can I change the CSS font and font size for form data input? The default font is times and is too small. I would like to make it sans serif and larger.

    Posted 13 years ago on Wednesday March 16, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    The font sizing and font-family are inherited from your theme styles. If you want to change those you would set a new rule for your Gravity Forms inputs.

    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {font-family:sans-serif; font-size:13px;}

    Here's a guide to targeting form elements for your reference.

    http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/

    Posted 13 years ago on Wednesday March 16, 2011 | Permalink

  3. panoptic
    Member

    thank you!

    Posted 13 years ago on Wednesday March 16, 2011 | Permalink

This topic has been resolved and has been closed to new replies.