one CSS line for multiple .form-checkbox-item

  • Profile Image
    frcr_sg
    Asked 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
    Welvin
    Answered 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
    frcr_sg
    Answered 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
    Welvin
    Answered 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