Need to have a uniform width for all my input boxes

  • Profile Image
    Asked on March 26, 2014 at 10:33 AM

    Hi - how do I make all box widths the same?

    How do I increase the size of a box, so that customers can't type a paragraph rather than just a few words?

    Many thanks.

  • Profile Image
    Answered on March 26, 2014 at 01:15 PM

    You can try to inject the following css code to make all widths the same:



    You can change the dropdown width directly:

    Let us know if we can be of more assistance.

  • Profile Image
    Answered on March 26, 2014 at 01:48 PM

    Thanks - have tried this but it makes some of the boxes too big (i.e. first and last names, tel number) and it doesn't change the width of drop down menus.

    Any ideas?

    Thanks a lot.

  • Profile Image
    Answered on March 26, 2014 at 03:48 PM


    Please replace the injected CSS using the following CSS codes:

    input {
    width: 90%;
    #cid_1 > span:nth-child(1) {
    width: 65px;
    #last_1 {
    width: 60%;
    #input_3,#input_18 {
    width: 68%;

    Let us know if this helps

  • Profile Image
    Answered on March 26, 2014 at 06:36 PM

    Just tried it but they are still not uniform unfortunately - have copied below so you can see - thanks :-)


    Full Name
    First NameLast Name
    Retype E-mail
    Landline Number
     -Area CodePhone Number
    Mobile Number
    Company name (if corporate booking)
    Planned date
    Location/postcode of event
    Approx. no of guests
    Type of event
    WeddingParty (birthday etc)CorporateFestivalConcert/gigOther
    Where did you hear about us?
    Enter the message as it's shown*
    Captcha - Reload if it's not displayed
  • Profile Image
    Answered on March 26, 2014 at 07:40 PM


    Are you still referring to this form

    From what I can see, all the textboxes are already at the same width



    If this is not satisfactory or does not work on your browser, you can also try changing the injected CSS code to this

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {

    width: 150px !important;


    margin-left: 10px;



    I tested this on a test form and it look like this

    Hope this help. Inform us if you need further assistance.