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.

First and Last Name fields to appear vertically or stacked

  1. Hello! How can I get the first and last name fields to appear as a stack (vertically). I found this topic: http://www.gravityhelp.com/forums/topic/how-to-display-advanced-name-field-vertically which was closed as a priority support request.

    Any assistance would be great appreciated. Thanks!

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi, you should be able to accomplish this by setting the containers to float:none; using CSS like this placed towards the bottom of your themes style.css file. You will have to change the input ids to match your form.

    #input_1_1_3_container {
        float: none;
    }
    #input_1_1_6_container {
        float: none;
    }

    The first number after the input is the form number, the second the field number, and the third is the inputs unique id, you can find these if using chrome by right clicking on the first name field for example and choosing 'inspect element' from the context menu. Check out this screen shot for an example http://imgur.com/aATiSaz

    Regards,
    Richard
    --
    Just another member of the community helping out where I can

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  3. Thanks for the quick response! The code is working and the form looks much better.

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  4. Glad you got it working, thanks for the assist Richard!

    Posted 11 years ago on Friday April 12, 2013 | Permalink

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