Adjust email field's width

  • a4clients
    Asked on September 5, 2019 at 6:41 PM

    Hi, 

    I'm having trouble making some customizations to my form. This is the form:

    https://www.jotform.com/build/91975753861169

    Here is what I would like to do: 

    The first and last names boxes should ideally combine to be at least as long as the email address box. I have been able to make the name boxes bigger, but not without making the email box bigger. 

    I would like my boxes to have square corners, not rounded corners. When I click on this option it doesn't work. 

    I would like to either eliminate the area code box or limit it to three digits. It is odd that it is as large as it is, and accepts more than 3 digits.

    I would like the dots with the multiple choice questions to be clear until they are selected and turn black.



    Please let me know how to fix these things. 


    Paddy

    PS I would like the same styling on this form as well: 

    https://form.jotform.com/92033055806957

  • John Support Team Lead
    Replied on September 5, 2019 at 7:13 PM

    The first and last names boxes should ideally combine to be at least as long as the email address box. I have been able to make the name boxes bigger, but not without making the email box bigger. 

    You can inject custom CSS code to your form and target that specific field only. Say you want to adjust the email field's width, here's what you can do:

    Adjust email fields width Image 10

    Related Guide: How-to-Find-Field-IDs-and-Names

    You can do the same with the other forms.

    Also, I have moved each of the other concerns on a separate thread so we could assist you better on that topic. I will be posting my reply on these links shortly:

    https://www.jotform.com/answers/1953848

    https://www.jotform.com/answers/1953849

    https://www.jotform.com/answers/1953850



  • a4clients
    Replied on September 5, 2019 at 7:43 PM

    Thanks John! I'll be doing that shortly!