How do I extend the width of a text area

  • afwebs
    Asked on January 11, 2018 at 12:48 PM

    I have created a new form for Home Building Plastics website but can't work out how to make the lower text box (Comments / other details) extend out to the right so that it's aligned with the upper boxes.

    Can you explain how to do this please?

    Regards

    Paul


    Jotform Thread 1346251 Screenshot
  • Kevin Support Team Lead
    Replied on January 11, 2018 at 2:05 PM

    Please inject this code to achieve it: 

    textarea, [data-type="control_textarea"] .form-input-wide{

        max-width: initial !important;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • afwebs
    Replied on January 12, 2018 at 2:43 PM
    I added the code and the lower text box now exceeds the size of the upper ones! See screenshot below.

    As said in my earlier ticket, I want the lower box to align with the upper ones.

    How do I do this?

    Paul






    ...
  • Support_Management Jotform Support
    Replied on January 12, 2018 at 4:03 PM

    Hello Paul - We can't see email attachments. To post screenshots, you have to post it straight to your thread: https://www.jotform.com/answers/1346251

    Try changing the CSS codes to the following:

    .form-textarea, .form-input-wide {

        min-width: 96% !important;

    }

    Result:

    How do I extend the width of a text area  Image 1 Screenshot 20