Spacing on radio and checkbox labels

  • Profile Image
    chartier
    Asked on June 27, 2014 at 12:28 PM

    Hello Jotform team,

     

    I've been tweaking my forms and have come accross a problem I can't seem to resolve. You see, I have a certain number of checkboxes and radio buttons that have excessively long labels. This means they end up being written over two lines behind each checkbox/radio button. This isn't a problem in itself, the issue I have is that the second line starts underneath the box and not at the same level as the beginning of the text. 

    i.e :

    "

    X abcdefghijklmnop

    qrstuvwxy

    "

    instead of

    "

    X abcdefghijklmnop

       qrstuvwxy

    "

    I've tried to find ways around it but can't seem to. Is there a way accomplishing this?

     

    Thanks in advance,

  • Profile Image
    egeg
    Answered on June 27, 2014 at 01:06 PM

    Hi there,

    You can do this by using the CSS below with the Inject CSS functionality.

    More info on how to inject CSS

    And here is a sample form

    ---

    CSS to be injected:

    .form-radio-item,
    .form-checkbox-item {
        padding-left:21px;
        text-indent:-21px;
    }

    ---

    Please let us know if there's anything else we can do for you.

    Thanks.

  • Profile Image
    chartier
    Answered on June 30, 2014 at 03:24 AM

    Hello,

     

    That did the trick. Thank you very much. I'll brush up on CSS.

     

    Thanks again,