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

  • Profile Image
    mckbosart
    Asked on April 19, 2016 at 04: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!

  • Profile Image
    jonathan
    Answered on April 19, 2016 at 05: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;

    }

    Let us know if this did not work.

     

  • Profile Image
    jonathan
    Answered on April 19, 2016 at 06: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.