The field label of my checkboxes are misaligned

  • duqadmin
    Asked on August 15, 2018 at 5:18 PM

    Is there a way to keep the checkboxes and the text in line? It looks odd with them dipping down. I tried applying this to this page: https://form.jotform.com/82175435546966

    Thanks!

  • Support_Management Jotform Support
    Replied on August 15, 2018 at 5:27 PM

    The misalignment was caused by the CSS codes you have on that form. To fix this, remove the existing codes you have and replace them with the ones below:

    .form-checkbox-item {

      white-space: nowrap;

    }

    Related guide: How-to-Inject-Custom-CSS-Codes

  • duqadmin
    Replied on August 16, 2018 at 8:22 AM

    This is great! Thank you! How would I do this for single choice items as well? I'm not sure what the name is for those items.

  • Kiran Support Team Lead
    Replied on August 16, 2018 at 10:17 AM

    You may add the class .form-radio-item to the CSS code provided as below:

    .form-checkbox-item, .form-radio-item {

      white-space: nowrap;

    }

    Hope this information helps!