Dit werkt alleen als je de plugin color van FacetWP geïnstalleerd hebt.

Stel bij de facet options de filter in op color.

Voeg dit toe aan de style.css van je thema. 


/* Give the option a color */
.facetwp-type-color [data-value="eiken"],.flyout-item .facetwp-type-color [data-value="eiken"] {    
    background-color: #cebb9e;
}

/* Add the color name after the option */
.facetwp-type-color [data-value="eiken"]::after,.flyout-item .facetwp-type-color [data-value="eiken"]::after {    
    content: "Eiken";
}

/* Styling the color so everything fits */
.facetwp-type-color {
    display: grid;
    grid-template-columns: auto auto;
}

/* To much margin at the bottom from facet */
.facet-wrap .facetwp-facet {
    margin-bottom: 15px;
}