How can I format the check boxes text to stay on one line?

  • mckbosart
    Asked on April 19, 2016 at 4:13 PM

    I have used a CSS to increase the size of the check box.. which works great but I cannot figure out how to get the text to stay on one line! Please help!

    Page URL: https://form.jotform.com/mckbosart/trim-completion
  • jonathan
    Replied on April 19, 2016 at 5:56 PM

    Can you please add this CSS code on your form  https://www.jotform.us/form/61024826610144 

    .form-checkbox-item label {

        display : inline-block;

        position : relative;

        margin-top : 10px;

        margin-left : -5px !important;

    }

    .form-checkbox-item {

        width : 250px;

    }

    How can I format the check boxes text to stay on one line? Image 1 Screenshot 20

    Let us know if this did not work.

     

  • jonathan
    Replied on April 19, 2016 at 6:00 PM

    Correction: 

    Please add this instead.

     

    .form-checkbox-item label {

        display : inline-block !important;

        position : relative !important;

        margin-top : 10px !important;

        margin-left : -5px !important;

    }

     

    .form-checkbox-item {

        width : 250px !important;

    }

     

    it needs to emphasize !important to take effect.