How do I make my input boxes bigger?

  • Profile Image
    registrarcorp
    Asked on October 09, 2012 at 06:07 PM

    I have a form with a series of input boxes (using the text boxes button).  When I preview it on a mobile phone, the boxes appear small. I would like to make the input boxes (not just the labels) bigger.  I tried maximizing the form width but this just made the labels bigger. 

  • Profile Image
    jonathan
    Answered on October 09, 2012 at 07:10 PM

    Hi,

    Please try injecting this CSS code on the form preferences..

    .form-textbox{

    font-size: 2em;}

    The original font-size was 1em. 

    Please inform us if this does not work for you.

    Thanks.

  • Profile Image
    registrarcorp
    Answered on October 10, 2012 at 09:27 AM

    It worked! Thank you

  • Profile Image
    pinoytech
    Answered on October 10, 2012 at 09:30 AM

    You are quite welcome! If you need our assistance again, feel free to contact us at anytime.

    Have a good day!

  • Profile Image
    registrarcorp
    Answered on October 10, 2012 at 09:49 AM

    What would be the code for making a dropbox wider?

  • Profile Image
    liyam
    Answered on October 10, 2012 at 10:06 AM

    Hello, If you're referring to the dropdown, you can use this CSS code (Take note of the size of the width varies to your preference):

           .form-dropdown { width: 400px; }

    If you wish to have the same font size as the other textbox fields:

           .form-dropdown { font-size: 2em; }

  • Profile Image
    registrarcorp
    Answered on October 10, 2012 at 10:51 AM

    Ok, so I tried both codes. This one:  .form-dropdown { width: 400px; } worked great. 

    The other one (to make the dropdown box wider) did not work. They are still the same size.  Do you have any suggestions?


  • Profile Image
    EduardoMendez
    Answered on October 10, 2012 at 11:26 AM

    Hello there,

    Here is a visual guide that can help you with this.

     

    Let us know if you need further assistance!

  • Profile Image
    registrarcorp
    Answered on October 10, 2012 at 04:12 PM

    Thank you this works!