Having trouble with making a field longer using CSS in Configurable List

  • NVParoleBd
    Asked on April 22, 2015 at 10:49 AM

    This is the CSS that I have Offender(s),(NDOC) #, Prison, Case #, Offense min-width: 200px;

    I want to make the field "Offense" on this form wider.  http://form.jotform.us/form/50625784602153

    Can you please help me with the syntax?

    Jotform Thread 556945 Screenshot
  • bokid
    Replied on April 22, 2015 at 11:00 AM

    Hello NVParoleBd.

    You were on the right track, but that is not the CSS code that you were adding. First, please open the widget's wizard/settings again:

    Having trouble with making a field longer using CSS in Configurable List Image 1 Screenshot 40

    Please replace your custom CSS with the following code, as show in the screenshot below:

    .col4 > input { min-width: 250px; }

    Having trouble with making a field longer using CSS in Configurable List Image 2 Screenshot 51

    This will make your form look like this:

    Having trouble with making a field longer using CSS in Configurable List Image 3 Screenshot 62

    Of course, you can change the number to any width you prefer. Please let us know if you need any help with getting this form up to your satisfaction, and we will be happy to help.

    Kind regards.

  • NVParoleBd
    Replied on April 22, 2015 at 12:01 PM

    This worked.  Thank you.

  • bokid
    Replied on April 22, 2015 at 12:05 PM

    You are welcome, thank you for letting me know.

    Kind regards.