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.

Name Format - Normal

Gravity Support Forums » Plugin Support » Gravity Forms

  1. mattf
    Member

    Hi,

    Could someone enlighten me how I can get the first and last name fields to show one above the other, rather than side by side?

    The reason being that my form integrates with Mailchimp so I can't use the simple format to pass first name etc, but when I use the normal format, the fields get cropped short in the mobile version of my site.

    So placing the first name field above the last name field would get me around this problem.

    Hoping there might be a css way to resolve this?

    Matt

    Posted 13 years ago on Monday September 20, 2010 | Permalink

  2. Kevin Flahaut
    Administrator

    You can try this. You'll need to view the source and get the actual ID of the containing div element. Replace the "input_1_14" with the ID from your form.

    #input_1_14 .ginput_left, #input_1_14 .ginput_right {float:none; width:93%}
#input_1_14 .ginput_left input, #input_1_14 .ginput_right input {width:99%!important}

    test screenshot

    Posted 13 years ago on Monday September 20, 2010 | Permalink

  3. mattf
    Member

    Thanks Kevin, this worked a treat :)

    Posted 13 years ago on Monday September 20, 2010 | Permalink

  4. Kevin Flahaut
    Administrator

    Great. Glad I could help out.

    Posted 13 years ago on Monday September 20, 2010 | Permalink

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