Increase phone field width

  • Peoria_CS
    Asked on March 5, 2019 at 3:42 PM

    How do I increase the width of the Phone field so that it displays all of the ten required numbers? It's so small it only displays seven now.


  • Mike_G JotForm Support
    Replied on March 5, 2019 at 5:07 PM

    To increase the width of the Phone fields in your form, you may inject the following CSS codes to your form.

    input[data-component="phone"] {

        width: 100px !important;

    }

    1551823577t17 03 51 Screenshot 10

    How-to-Inject-Custom-CSS-Codes

    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.

  • Peoria_CS
    Replied on March 5, 2019 at 8:39 PM

    When I click on CSS in the Form Designer the screen goes completely white and I have to exit out of the site and go back in.


  • David JotForm Support Manager
    Replied on March 5, 2019 at 9:47 PM

    This appears to be the last form you have attempted to edit: https://form.jotform.com/90438714281155

    I have injected the CSS code, and it saved successfully. Please try clearing your browser's cache. If you continue being logged out of the account when you attempt to access your form's CSS area, please let us know what browsers you are using, and also share a screenshot of the browsers console report:

    https://www.jotform.com/help/453-How-to-get-a-console-report-from-most-common-browsers 

    https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum