Background and labels don't line up

  • Russ563
    Asked on March 7, 2015 at 8:53 AM
    2. The dark gray & light gray don't lineup on t he right side.
  • Sean
    Replied on March 7, 2015 at 9:45 AM

    Hello Russ563

    You should update your existing CSS code previously provided with this one below.

    Here is the test form with the CSS injected:
    http://form.jotformpro.com/form/50653901385961? 

    .form-input-wide{
    width: 100% !important;
    margin-right: 0px !important;
    max-width: 1000px !important;
    min-width: 300px !important;
    }

    #cid_4, #cid_25, #cid_53, #cid_56,
    #cid_27, #cid_26, #cid_76, #cid_89, #cid_110{
    height: 35px !important;
    }

    .form-input-wide .jf-required{
    margin: 0px !important;
    width: 100% !important;
    }

    .form-label-top{width: 100% !important;}
    .form-line{width: auto !important;}
    #cid_69{visibility: hidden !important;}

    You can reference this guide if needed:
    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

  • Russ563
    Replied on March 7, 2015 at 3:16 PM

    This seems to have worked, but I changed the 300 to 100.

  • raul
    Replied on March 7, 2015 at 4:44 PM

    From what I understand you manage to make the code provided by my colleague work as expected on your side. Is that correct?

    If you still need our assistance, please let us know.
    Thank you.