## Customize Checkbox Designs For WooCommerce Forms

### Difficulty
Intermediate

### Language
CSS

### Category
- [Design](https://wpzone.co/blog/snippet-category/design/)
- [WooCommerce](https://wpzone.co/blog/snippet-category/woocommerce/)

### Last modified
Jun 11, 2024

### Main Content

Here is the CSS code that can be used to customize checkbox designs for WooCommerce forms:

```css
/* Customize Checkbox Appearance */
input[type='checkbox'] {
    accent-color: #007cba; /* Change checkbox color */
    width: 20px;
    height: 20px;
}

/* Change the label appearance */
label {
    font-size: 16px;
    color: #333;
}
```

Feel free to adjust the CSS properties to better match your theme!