How to make the check boxes bigger?

  • Profile Image
    Asked on December 16, 2020 at 08:34 PM
    Is there a way to make the checkboxes on the form bigger than there default size, I have a several staff that have large fingers and have a hard time selecting the correct checkbox.
  • Profile Image
    Answered on December 16, 2020 at 08:36 PM

    You can increase the check boxes size with the following code:

    .form-checkbox+label:before, .form-checkbox+span:before, .form-checkbox:checked+label:after, .form-checkbox:checked+span:before{

      transform: scale(1.5);


    .form-checkbox-item label{

      margin-bottom: 10px;


    This guide will help you to inject the code to your form: