How do change the width in the text area?

  • Profile Image
    OYMgraphics
    Asked on October 14, 2013 at 11:43 AM

    In the comments area I have having a hard time figuring out how to change the width. Please let me know what I am doing wrong. Thank you.  Mark

  • Profile Image
    EliezerN
    Answered on October 14, 2013 at 12:19 PM

    Thanks for contacting us.

    Are you refering to the comment area of this form https://www.jotform.com/32857073302148? If so, it could that there's a CSS code you have added that is enforcing the text area keep that width.

    I will check your CSS code and will get back to you later if I have found the solution.

    Thanks for using Jotform

  • Profile Image
    OYMgraphics
    Answered on October 14, 2013 at 03:07 PM

  • Profile Image
    guilledutra
    Answered on October 14, 2013 at 03:24 PM

    Hi,

    for some reason your last message come empty, could you send it again?

    Thanks

  • Profile Image
    OYMgraphics
    Answered on October 14, 2013 at 04:09 PM

  • Profile Image
    EliezerN
    Answered on October 14, 2013 at 04:42 PM

    Unfortuntely your last reply came out empty, kindly resend it using this link at this time: http://www.jotform.com/answers/278997-How-do-chance-the-width-in-the-text-area#4

    Thanks

  • Profile Image
    EliezerN
    Answered on October 14, 2013 at 06:10 PM

    @OYMgraphics

    I think that you were trying to change the width from our form builder  as I can see, after removing all your CSS code,  that you have given 80 Columns of width to the Textarea: 

    However, after a time checking your CSS code I was able to find why you were not able to change the width from the builder. You have inserted the next code to the form: 

    .form-textarea{

    font-size:11px;

    width:149px !important;

    max-width:149px !important;

    }

    That code was enforcing it to be very narrow:

    So in order to make the textarea wider you need to edit the values of the width and the max-width. For example, if you change the width and the max-width to 317px the textarea will be in this way:

    So, I cloned your form to make the changes, I changed the code to this: 

    .form-textarea{

    font-size:11px;

    width:317px !important;

    max-width:317px !important;

    }

    This is my cloned form you can see it and clone it if think it's helpful to you: https://www.jotform.com/form/32864919279976

    Please let us know if you need further assistance with this or kindly open a new thread to make unrelated questions.

    Thanks