How to increase width of text box

  • bknight
    Asked on September 18, 2015 at 12:07 PM

    I am trying to make the "Name Plate Order" text box longer (the same size as e-mail text box). 

    Also, is there a way to get rid of the lines between the logo and the Title?

    Page URL: https://secure.jotform.us/form/52588384025158
  • victor
    Replied on September 18, 2015 at 2:56 PM

    Hello,

    To adjust the text box in a configurable list you just need to add the following CSS code:

    How to increase width of text box Image 1 Screenshot 30

    In regards to your other question, you can just inject the following CSS code

     

    .form-header-group {

        border-top : none;

        border-bottom : none;

    }

     

    How to increase width of text box Image 2 Screenshot 41

     

    Please let us know if you require addition information.

    Regards

  • bknight
    Replied on September 18, 2015 at 3:44 PM

    Thank you! I was able to remove the lines from the title, but could not expand the "Name Plate Order" field. Not sure what I did wrong?

    http://form.jotform.us/form/52588384025158

    Also, in the Yes/No field, can I make it so if they try to check both boxes, the other one becomes unchecked?

     

  • victor
    Replied on September 18, 2015 at 4:58 PM

    Hi,

    I was just reviewing your CSS code for the configurable list.

    Please adjust the first line from

    .coll input[type="text"] /*please remove the second L*/

    {

    height:21px;

    width:340px;

     

    }

    with 

    .col1 input[type="text"] /*Instead of L place the number 1*/

    {

    height:21px;

    width:340px;

    }

    I have create a new thread for your other question.

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

     

    Regards