What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Phone field styling

    Asked by oxinst on October 07, 2014 at 03:59 AM

    Hi, I'm getting some unusal styling on the Phone Field, where the seperate areas are overlapping

    Could you advise on some correct CSS to fix this please.

    http://form.jotformpro.com/form/42533284980964

     

    Page URL:
    http://form.jotformpro.com/form/42533284980964

    Screenshot
    phone field
  • Profile Image
    JotForm Support

    Answered by NeilVicente on October 07, 2014 at 08:43 AM

    This was caused by the width property you have added to the form-textbox class selector.

    Try to add these CSS codes to your form's style:

    #input_6_area {
    width50px !important;
    }
    #input_6_phone {
    width100px !important;

     

    }

    Feel free to adjust the numbers to suit your preference.

    Cheers!

  • Profile Image

    Answered by oxinst on October 07, 2014 at 08:49 AM

    @NeilVicente perfect.  Thank you for your help.  That fixed the problem.

  • Profile Image
    JotForm Support

    Answered by Charlie on October 07, 2014 at 10:21 AM

    Hi,

    Glad to hear that the solution provided by my colleague, NeilVicente, worked.

    If you need help or further assistance, feel free to open a new thread here in the forum.

    Regards.