need field width to be the same width on all fields in my form

  • ezchoicefinancial
    Asked on September 25, 2016 at 6:39 AM

    https://form.jotform.com/62670676949978

     

    Hi there ,

    i need help making the "Phone Number" field , "Zipcode" and "How did you hear about us" fields to be the same width as the  Name and E-mail fields both in Desktop and Mobile

  • David JotForm Support Manager
    Replied on September 25, 2016 at 8:44 AM

    Please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-textbox{

        width: 239px !important;

    }

    #id_6{

        margin-left: -4px !important;

    }

    .form-dropdown{

        width: 246px !important;

    }

    Result:

     

    need field width to be the same width on all fields in my form Image 1 Screenshot 30

    In order to make the fields same width in mobile views, please add the mobile responsive widget to your form:

    need field width to be the same width on all fields in my form Image 2 Screenshot 41

    And inject the following CSS code in your form:

    @media only screen and (max-width: 480px) {

    .form-sub-label-container,.form-input-wide{

    width: 100% !important;

    }

    #id_6{

        margin-left: 0px !important;

    }

    }

     

     

    Let us know if you need more help.