Field smaller than border.

  • Profile Image
    ipbr21054
    Asked on March 15, 2016 at 05: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 ?

  • Profile Image
    Kiran
    Answered on March 15, 2016 at 06: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.

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

  • Profile Image
    ipbr21054
    Answered on March 15, 2016 at 06: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. 

  • Profile Image
    Kiran
    Answered on March 15, 2016 at 06: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:

    Hope this information helps! 

  • Profile Image
    ipbr21054
    Answered on March 15, 2016 at 06: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 ?

  • Profile Image
    Kiran
    Answered on March 15, 2016 at 06: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!