How to make Telephone Textboxes wider?

  • Profile Image
    AprilRosePhotography
    Asked on June 01, 2015 at 10:57 PM

    How do I make boxes wider? Telephone boxes aren't long enough. 

    http://form.jotform.co/form/41237950835862?

  • Profile Image
    Syed
    Answered on June 02, 2015 at 02:58 AM

    Hi there;

           Please try to inject the following CSS Code Block to make Telephone boxes wider. I have used the equal width of both telephone fields. Read our guide here on How to Inject Custom CSS Codes.

    input[name="q24_homePhone24[full]"], input[name="q25_mobile[full]"] {width: 210px !important;}

    Review the following screenshot for confirmation.

    I hope it will all-set! Please let us know further if you need further assistance in any way, we would be happy to help you.

     

    Thankyou,

  • Profile Image
    AprilRosePhotography
    Answered on June 02, 2015 at 06:46 PM

    Thank you :) 

  • Profile Image
    AprilRosePhotography
    Answered on June 02, 2015 at 06:51 PM

    Oh, also, how do I make Text Area boxes wider?

  • Profile Image
    Aury
    Answered on June 02, 2015 at 07:43 PM

    @AprilRosePhotography

    In order to make Taxt Area Wider, please take a look at the following figures:

    Click and drag on the lower right corner,  move right/left to adjust width, move up/down to adjust height, as below indicated:

    You can also limit Minimun and Maximun Entries in Words or Letters:

    I we can assist you further, please do contact us.

     

  • Profile Image
    AprilRosePhotography
    Answered on June 03, 2015 at 05:54 AM

    Hi there,

     

    Yes, this changes it in edit mode but it stays the same when I preview it... 

  • Profile Image
    Syed
    Answered on June 03, 2015 at 06:30 AM

    Dear AprilRosePhotography;

             Please inject the following CSS Code Block to make Textarea fields wider, I used full width for all textarea boxes.

    li[data-type="control_textarea"] {width: 100% !important;}

    #cid_44,#cid_54,#cid_53,#cid_53 span,#cid_45,#cid_58,#cid_47,#cid_47 span,#cid_48,#cid_49,#cid_49 span,#cid_59,#cid_35 {min-width:100% !important;white-space: normal;width:100% !important;}

    .form-textarea {width: 100% !important;min-width: 100% !important;}

    Review the following screenshot for confirmation.

    If you need to clone this form here, you can, anytime; http://form.jotformpro.com/form/51532677841965. For help document on Cloning a form from URL, please refer to this guide here.

    I hope this helps. Please do get back to us, if you need more changes in future. We would be happy to assist you in any way.

     

    Thankyou,

  • Profile Image
    Aprilrosephotograpahy
    Answered on June 03, 2015 at 06:39 AM

    Thank you very much! I will check this out tomorrow :) 

    If I wanted to change the width, I would just change all of the 100% to whatever percentage I want?

     

    Thanks so much for the great help :)

  • Profile Image
    Syed
    Answered on June 03, 2015 at 06:42 AM

    Yes, you can change the percentage to whatever you want. Do let us know if you need further assistance.

     

    Thankyou,