Add a custom CSS class to the Gravity Forms checkbox field or form
Go to Appearance > Customize > Additional CSS, or your theme’s CSS file
Use CSS like this:
`.gform_wrapper input[type=”checkbox”] {`
` transform: scale(1.5);`
` transform-origin: left center;`
`}`
Adjust the scale value as needed, such as `1.2`, `1.5`, or `2`
If the checkbox label spacing looks off, add:
`.gform_wrapper .gfield_checkbox li,`
`.gform_wrapper .gfield_checkbox .gchoice {`
` margin-bottom: 10px;`
`}`
If the checkbox is misaligned, add:
`.gform_wrapper .gfield_checkbox input[type=”checkbox”] {`
` margin-right: 8px;`
`}`
For a specific form, target its form ID:
`.gform_wrapper form#gform_1 input[type=”checkbox”] {`
` transform: scale(1.5);`
`}`
For a specific field, add a custom field CSS class and target it:
`.your-checkbox-class input[type=”checkbox”] {`
` transform: scale(1.5);`
`}`
Save the CSS and refresh the page to check the result