Background and labels don't line up

  • Profile Image
    Russ563
    Asked on March 07, 2015 at 08:53 AM
    2. The dark gray & light gray don't lineup on t he right side.
  • Profile Image
    Sean
    Answered on March 07, 2015 at 09: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 

  • Profile Image
    Russ563
    Answered on March 07, 2015 at 03:16 PM

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

  • Profile Image
    raul
    Answered on March 07, 2015 at 04: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.