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.

Flexible width input fields

  1. Tristan
    Member

    Hey there,

    Can somebody help me with the CSS required to make my form like the one on the Gravity Forms homepage at the bottom (Newsletter signup)

    http://gravityforms.com/

    The inputs on this scale to the screen size. I have a form on the following page and as the page gets smaller the submit button gets lost off the right side:

    http://www.re-construction.com.au/convert-my-property/

    The current CSS for the inputs is:
    body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {border:1px solid #ED1C24; width: 181px;font-size:15pt; margins: none; padding: none;}

    Alternatively, is it possible to go from horizontally aligned input fields to vertically if the screen size gets smaller?

    Just trying to workout an elegant solution to this.

    Cheers,
    Tristan

    Posted 12 years ago on Monday October 22, 2012 | Permalink