Help aligning text boxes

  • Profile Image
    indexia
    Asked on May 02, 2012 at 06:04 AM

    Can someone help me align text boxes i tried a few methods with custom css but didn't work out for me maybe that i don't know too much css. Thank you

  • Profile Image
    pinoytech
    Answered on May 02, 2012 at 06:55 AM

    Hi,

    Can you provide us screenshot of your form that needs text box to be align?

    Looking forward for your response.

    Thank you!

  • Profile Image
    indexia
    Answered on May 02, 2012 at 07:23 AM

     

     Here they are also link to my form http://form.jotformeu.com/form/20930923819356 and custom inject css .form-checkbox-item {
    width: 300px !important;
    }
    .form-textbox,
    .form-textarea {
    width: 220px;
    }
    .form-buttons-wrapper{text-align: left !important;margin-left: 182px;}
    Thank you
  • Profile Image
    idarktech
    Answered on May 02, 2012 at 10:21 AM

    @indexia,

    Try removing all your current css codes and then paste this:

    /*--textbox, textarea size--*/

    .form-textbox, .form-textarea {

    width: 220px;

    }

    /*--move Urmatorul button to the right--*/

    #form-pagebreak-next_13{

    margin-left: 420px;

    }

    /*--adjust dropdown size--*/

    .form-dropdown{

    width: 232px !important;

    }#id_43{

    margin-left: 140px;

    text-align:center;

    }

    #id_44 {

    margin-left: 255px;

    }

    #id_38{

    text-align: center;

    }

    #id_38 .form-checkbox-item{

    width: 195px !important;

    }

    .form-checkbox-item{

    width: 210px !important;

    }

    #id_40{

    text-align: center;

    }

    /*--fixed overlapped date inputs*/

    #day_27{

    width: 156px !important;

    }

    #month_27, #year_27{

     width: 155px !important;

    }

    This codes are just based on your screens. Hope this helps. Let me know if you need something else. Thanks!