Change Checkbox Size

Please note that this is now available as a plugin for easier installation. While you can use this document as a reference, the recommended method to add this functionality is through the plugin installation wizard. Learn more about plugins here. 

Here is a way you can customize a checkbox to be larger or smaller in one easy step. 

One Easy Step

Navigate to the page you would like to change all checkbox sizes on and add the following code to the CSS tab of the page. 

input[type=checkbox] {
    margin: 4px 0 0;
    line-height: normal;
    width: 20px;
    height: 20px;
}

You may further tweak the pixel sizes (px) to make the box size larger or smaller. 

Original Community Post:

https://community.tadabase.io/t/change-checkbox-size-with-css/2159