Customize Checkbox Designs For WooCommerce Forms

Difficulty

Intermediate

Language

CSS

Category

• Design
• WooCommerce

Last modified

Jun 11, 2024

Main Content

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

/* 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!