How can I get a checkbox option to line up the second line below the start of the first line?

  • Profile Image
    menstrom
    Asked on March 27, 2017 at 09:57 AM

    I have a group of checkboxes, and one of them has a very long description that word wraps.  But the second line is flush left with the checkbox rather than flush left with the first line text.  I would like it to line up with the first line text instead.  Here is how it currently looks:

    Here is how I would like it to look:

    I'm sure this can be done with CSS, I just can't figure out how.

    Thanks,

    Marilyn

  • Profile Image
    EltonCris
    Answered on March 27, 2017 at 12:54 PM

    Inject this CSS codes to your form.

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

    display: block !important;

    margin-left: 24px !important;

    margin-top: -17px;

    }

    And make sure to remove the following CSS codes already injected in your form.

    #label_input_365_0 {

       margin-left: 5px !important;

    }

    #label_input_365_1 {

        margin-left: 5px !important;

    }

     

    Result:

  • Profile Image
    menstrom
    Answered on March 27, 2017 at 02:29 PM

    That worked! 

    Can I do something similar to wrap the second line of my questions?  So that this:

     

     

    can look like this:

     

    Thanks,

    Marilyn

     

  • Profile Image
    John_Benson
    Answered on March 27, 2017 at 05:38 PM

    Hi Marilyn,

    I have moved your new issue to a new thread so we can properly assist you. Please wait for our reply on this URL: https://www.jotform.com/answers/1103659

    Thank you.