Change the Address Field Width

  • Profile Image
    drubaru
    Asked on May 04, 2014 at 10:10 AM

    need width of 200 pix

  • Profile Image
    EltonCris
    Answered on May 04, 2014 at 11:25 AM

    Hi,

    Add the following CSS codes to the existing CSS codes injected to your form.

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    span.form-sub-label-container + span.form-sub-label-container {

    margin-right: 0;

    }

    .form-address-table select,

    .form-address-postal,

    .form-address-city, 

    .form-address-state,

    .form-address-table, 

    .form-address-line,

    .form-address-table .form-sub-label-container {

    width: 100%;

    }

    .form-address-table {

    width: 215px !important;

    }

    .form-address-table td, .form-address-table th {

    padding-bottom: 10px;

    padding: 0 3px 10px 3px;

    }

    .form-textbox, .form-textarea, .form-dropdown {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    Check how it works with a cloned of your form here: http://form.jotformpro.com/form/41234576875968?

    Feel free to change 215px to your preference if you want to expand the address fields a bit.

    Thanks!