CSS: How to Change the Width in a Short Text Entry Box

  • Profile Image
    BRIGHTYOGIS
    Asked on December 19, 2017 at 02:19 PM

    Hello,

    I am using the widget Short Text Entry and need the box to be tiny, like for one or two characters if typing or big enough when put into a pdf form to be able to hand write if necessary one character.  (for indicating school year grades...K-12).  This was first as a drop-down, but that wont work for the pdf version.

    I tried changing the box in the widget's OPTIONS tab, Width, but changing the number does nothing to the form for me.

    I have the same question for the Name fields...I'd like to increase those.

    Here's the form:

    https://www.jotform.com/BRIGHTYOGIS/bright-yogis-liability-waiver

    Thank you!

  • Profile Image
    aubreybourke
    Answered on December 19, 2017 at 03:32 PM

    Instructions here:

    How-to-Inject-Custom-CSS-Codes

    The first 4 are the K-12 fields. Then the next 5 are first and last name fields. The last 2 are email fields.

    #input_62 {

        width : 50px;

    }


    #input_74 {

        width : 50px;

    }


    #input_75 {

        width : 50px;

    }


    #input_75 {

        width : 50px;

    }


    #first_4, #last_4 {

        width : 300px;

    }


    #first_43, #last_43 {

        width : 300px;

    }


    #first_53, #last_53 {

        width : 300px;

    }


    #first_23, #last_23 {

        width : 300px;

    }


    #first_49, #last_49 {

        width : 300px;

    }


    #input_3 {

        width : 100%;

    }


    #input_51 {

        width : 615px;

    }


  • Profile Image
    BRIGHTYOGIS
    Answered on December 19, 2017 at 08:43 PM
    Thanks so much Aubrey!
    Form looks great now!
    ...
  • Profile Image
    BRIGHTYOGIS
    Answered on December 20, 2017 at 12:43 PM
    Thank you Aubrey! That worked wonderfully!
    ...