Custom CSS: How can I make the fields larger in length?

  • golforfood
    Asked on October 19, 2017 at 8:46 AM

    There are no settings to make these field longer.  Any other way I can make that happen?

    Jotform Thread 1277258 Screenshot
  • Chriistian Jotform Support
    Replied on October 19, 2017 at 11:42 AM

    You can inject the following CSS to your form.


    #cid_3 .form-textbox {

        width: 200px;

    }


    Please see below.

    1508427735custom css Screenshot 10


    You can change the width in px as you desire.

     
  • golforfood
    Replied on October 20, 2017 at 9:43 AM
    Below Passenger 1 I also have Passenger 2 and I want to make the same CSS change, but the code is already in CSS so how do I apply that to the other Passenger2?  I tried duplicating the field but that didn’t work.

    Thanks
    Greg

    ...
  • aubreybourke
    Replied on October 20, 2017 at 11:41 AM

    You can use this CSS code in addition to what you have already:

    #first_48 {
        width : 150px;
    }

    #middle_48 {
        width : 150px;
    }

    #last_48 {
        width : 150px;
    }

    1508514056Microsoft Edge 20 10 2017 16 3 Screenshot 10