Width of the name field is not correct on my form

  • Profile Image
    WmConrad
    Asked on May 12, 2017 at 01:35 PM

    So I made a contact form for a website, and the name field was built side-by-side. For example:

     

    {First Name Field} {Last Name Field}

     

    And this worked fine for quite a while. Then all of a sudden it changed the format on me.

    It still shows up side-by-side when I edit the form, but when I'm viewing the actual form through the website, on it's own site (https://form.jotform.us/70605664870157), or in the form designer, it shows the name fields like this:

     

    {First Name Field}

    {Last Name Field}

     

    This looks very ugly in my opinion and I want to know how I can fix it.

     

    Help is appreciated!

  • Profile Image
    Kiran
    Answered on May 12, 2017 at 02:54 PM

    Please inject the following the CSS code to the form.

    #cid_1 > div input {

     width: 49% !important;

    }

    Once the above code is added to the form, it should be displaying the fields as shown below:

    Hope this information helps! 

  • Profile Image
    WmConrad
    Answered on May 16, 2017 at 02:48 PM

    Thanks for the reply Kiran.

     

    I tried what you said, but nothing changed. I made sure I put the code into the right spot too.

     

    Any further thoughts are greatly appreciated.

  • Profile Image
    Kiran
    Answered on May 16, 2017 at 03:05 PM

    I have checked your JotForm and see that the fields are displaying correctly. Please see the screenshot below:

    Could you try opening the form in a private/incognito window or a separate browser to see if the fields are displayed correctly?

    Please get back to us if the issue still persists. We will be happy to assist you further. 

     

  • Profile Image
    WmConrad
    Answered on May 16, 2017 at 03:10 PM

    I guess it just took a minute to update it. It's working now. Thanks!

  • Profile Image
    Kiran
    Answered on May 16, 2017 at 03:21 PM

    Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!