How do I get my form to fit on a side bar on wordpress?

  • Profile Image
    carolsmartpathtech
    Asked on August 02, 2013 at 04:58 PM

    I went to preferences and from style then inserted add the following text into inject custome Css. 

    .form-all { margin-left: -35px; }

    #input_11_addr_line1, #input_11_addr_line2 { width: 180px; }

    #input_11_city { width: 76px; }

    #input_11_state { width: 80px; margin-left: -68px; }

     

    #sublabel_11_state { margin-left: -68px; }

     

    This did not make it fit.  What do i need to do to make it fit.  Please help

    Carol Hoffmann

    SmartPath Technologies

  • Profile Image
    farhanramzan
    Answered on August 02, 2013 at 05:03 PM

    Hi Carol,

    Please have a look on the below mentioned link contains the detail description for you.

    http://www.jotform.com/help/4-Adding-Forms-to-Wordpress

    Thanks.

  • Profile Image
    pinoytech
    Answered on August 02, 2013 at 05:22 PM

    Hi Carol,

    Kindly remove your current css code from your form and replace with this codes to fixed the issue.

    .form-all {

    margin-left: 35px;

    margin-top: -38px;

    }

    #input_8_addr_line1, #input_8_addr_line2.form-textbox {

    width: 219px !important;

    }

    #input_8_city.form-textbox {

    width: 100px !important;

    }

    #input_8_state.form-textbox {

    width: 100px !important;

    margin-left: -48px !important;

    }

    #sublabel_8_state.form-sub-label {

    margin-left: -48px !important;

    }

    #input_13.form-textarea {

    width: 219px !important;

    }

    If you need further assistance, do let us know.

    Thank you!