Field smaller than border.

  • ipbr21054
    Asked on March 15, 2016 at 5:01 PM

    Here is the form http://form.jotformeu.com/form/60712393428355

    I've applied a border to the fields but as you can see the message field white area is smaller than its black border. 

    I need the White message area to touch the black border. 

    ALL fields outer edges will then be vertically aligned. 

    Cant see where the issue lies ?

    Jotform Thread 795370 Screenshot
  • Kiran Support Team Lead
    Replied on March 15, 2016 at 6:10 PM

    Please inject the following code to your JotForm to have the border to the edges of text-box and textarea fields.

    .form-textbox {

        border : 3px solid #000000!important;

    }

    .form-dropdown {

        border : 3px solid #000000!important;

    }

    .form-textarea {

        border : 3px solid #000000!important;

    }

    The fields should be displaying as shown below after injecting the code above to your form.

    Field smaller than border Screenshot 20

    If you need any further assistance, please let us know. We will be happy to help.

  • ipbr21054
    Replied on March 15, 2016 at 6:13 PM

    Hi

    By doing that the part number field box has moved to the left. 

    It needs to stay centred under the word part number. 

  • Kiran Support Team Lead
    Replied on March 15, 2016 at 6:29 PM

    Please add the following additional code to your form to align the field to center.

    .form-input-wide.jf-required {

        margin: auto;

    }

    It should be now displaying as shown below:

    Field smaller than border Screenshot 20

    Hope this information helps! 

  • ipbr21054
    Replied on March 15, 2016 at 6:38 PM

    Thanks that looks better. 

    Whilst you are there looking at the email address field you will see the grey text to the left of the field. 

    I'm going to also Center the grey text to its field so is it just text-align:center;

    to achieve this ?

  • Kiran Support Team Lead
    Replied on March 15, 2016 at 6:47 PM

    I've moved your other question to a separate thread and shall be answered shortly.

    http://www.jotform.com/answers/795475

    Thank you!