How do I extend the width of a text area

  • Profile Image
    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


  • Profile Image
    Kevin_G
    Answered on January 11, 2018 at 02: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. 

  • Profile Image
    afwebs
    Answered on January 12, 2018 at 02: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






    ...
  • Profile Image
    Jim_R
    Answered on January 12, 2018 at 04: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: