Muestras de color circulares en el filtro de color de WooCommerce (CSS)

Inserta el siguiente código CSS en la página de configuración del plugin -> pestaña Opciones -> “Código CSS personalizado“:

.woof_color_term{
   border-radius: 80px !important;
}

.woof_color_term:hover{
    border-color: #444;
    border-style: dotted;
}

El tamaño de las cajas de colores se puede ajustar mediante:

.woof_color_term{
    width: 26px !important;
    height: 26px !important;
}