Échantillons de couleur circulaires dans le filtre de couleur WooCommerce (CSS)

Déposez le code CSS suivant dans la page des paramètres du plugin -> onglet Options -> “Code CSS personnalisé“ :

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

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

La taille des boîtes de couleur peut être ajustée par :

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