How to increate Configurable List Widget's text area?

  • pn2
    Asked on July 18, 2018 at 4:11 PM

    Hello,

    I am trying to make the text area in my Configurable List widget larger, but I am not seeing any changes being made.

    The code I have in the custom CSS section is:

    .textarea {
       min-width: 300px;
    }

    Is there something I'm missing?

    Thank you.

  • Jed_C
    Replied on July 18, 2018 at 5:16 PM

    Please try "width" instead of "min-width".

    ex.

    .textarea {

       width: 300px;

    }

    Let us know how it goes.

  • pn2
    Replied on July 19, 2018 at 9:50 AM

    Hello,

    That did not seem to work either.

    Here is the link to my form.

    Thank you.

  • DonaldHag
    Replied on July 19, 2018 at 12:09 PM

    Replace the CSS for the textarea in the widget with this:

    table textarea {

       width: 200px !important;

    }

    I have cloned your form here: https://form.jotform.com/81994280372969 and implemented the CSS, feel free to clone it and use it as required.

  • pn2
    Replied on July 19, 2018 at 12:10 PM

    That worked!

    Thank you.

  • pn2
    Replied on August 8, 2018 at 1:58 PM

    Hello,

    Is there any way to do the same thing for normal text? I try:

    table text {
       width: 200px !important;
    }

    But that does not work.

  • pn2
    Replied on August 8, 2018 at 2:08 PM

    Hello,

    I actually figured it out.

    You need to use

    input[type=text] {
       width: 300px !important;
      }

    for just a text element.

    Thank you!