What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    one CSS line for multiple .form-checkbox-item

    Asked by frcr_sg on January 10, 2013 at 06:28 AM

    how do i do this ?

    one CSS for multiple .form-checkbox-item

     

    instead of writing multiple time of  one same CSS for each different item

  • Profile Image
    JotForm Support

    Answered by Welvin on January 10, 2013 at 06:48 AM

    Hi,

    You're right! .form-checkbox-item is the class that is used for multiple checkboxes. So, if you want to modify all the checkboxes in your form, use this class.

    Example:

    .form-checkbox-item {

    margin-left: -35px;

    }

    This will move all your form checkboxes to left by -35px.

     

    Thanks

  • Profile Image

    Answered by frcr_sg on January 10, 2013 at 07:07 AM

    thank.

     

    not all the checkbox-item, only for example may be 3 out of the 10, eg

    7 default, but 3 of them to move to left by -35px

  • Profile Image
    JotForm Support

    Answered by Welvin on January 10, 2013 at 07:11 AM

    Hi,

    Unfortunately, you have to get the ID of each of the checkboxes because there's no way to group that 7 out of 10 into one CSS class.

    This guides will help you:

    How to Find Out the Field ID and Name in a Web Form

    How to apply custom CSS to a particular field

     

    Thanks