CSS Code for changing EACH text box width

  • Profile Image
    BJ2
    Asked on April 06, 2016 at 10:29 AM

    Hi again superb JotForm Support Team!

    Please help me change any text box width...
    Here's my form https://form.jotform.me/60953194166461

    I hope to change the text box width of the following:

    トライアル受付STATUS
    Teacher Name
    Teacher Email

    Thank you so much in advance!

  • Profile Image
    EltonCris
    Answered on April 06, 2016 at 11:34 AM

    Use this CSS codes:

    #id_409 .form-input-wide,

    #id_399 .form-input-wide,

    #id_400 .form-input-wide{

        max-width: none;

        width: 40%;

    }

    /**トライアル受付STATUS**/

    #id_409 .form-input-wide .form-textbox{

    width:100%;

        max-width: none;

    }

    /**Teacher Name**/

    #id_399 .form-textbox{

        width: 100%;

        max-width: none;

    }

    /**Teacher Email**/

    #id_400 .form-textbox{

        width: 100%;

        max-width: none;

    }

    I have separated them so you can define a different width on each of them. You can also combine them if you want to.

    If you need further assistance, let us know.

  • Profile Image
    BJ2
    Answered on April 06, 2016 at 11:39 AM

    YEESSS!!!
    Thank you very, very much Sir EltonCris!
    It's perfect now!
    I'm always grateful to your team's swift help!
    Have a fruitful day ahead!