Amostras de Cor Circulares no Filtro de Cor do WooCommerce (CSS)

Cole o seguinte código CSS na página de configurações do plugin -> tab Options -> “Custom CSS code“:

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

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

O tamanho das caixas de cores pode ser ajustado por:

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