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.

How to change input fields from sunken box to solid lines

  1. Hi, I have no knowledge on CSS or PHP. The forms that i have created using gravity forms are excellent. Drop and drag, i love it. The only thing is that the input fields are always sunken. I prefer them to be solid lines. Any idea's what i need to add to the themes style sheet to make the changes.

    Thanks

    David

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink
  2. You would have to do this via custom CSS. You would have to write custom CSS that you would add to your themes stylesheet to target and style whatever form elements you want to style.

    Here is documentation on how to target and style form elements:

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

    In your case you would target text inputs and textareas. An example would be:

    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {border:1px solid red}

    This would get text inputs a 1px solid red border.

    body .gform_wrapper .gform_body .gform_fields .gfield textarea {border:1px solid red}

    This would get textareas a 1px solid red border.

    You would have to customize the CSS to style the field however you want.

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink