Personnaliser les couleurs des facettes

Support Bazar
#1

Bonjour,

Quel bout de code CSS permettrait de personnaliser la couleur des filtres facettes ?

Par exemple sur un affichage Bazar comme ça, sur la facette ListeThematique :

{{bazarliste id="1" template="liste_accordeon" dynamic="true" entrydisplay="modal" groups="listeListeThematique" nbcol="3" style="vertical" }}

Merci !

#2

Salut valentin,
La couleur des facettes peut être personnalisée avec ce code css :

/* la 1ere et la 4eme facette */
.results-container .filter-box:nth-of-type(1), .results-container .filter-box:nth-of-type(4) {
  --neutral-color: var(--primary-color);
}
/* la 2eme et la 5eme facette  */
.results-container .filter-box:nth-of-type(2), .results-container .filter-box:nth-of-type(5) {
  --neutral-color: var(--primary-color);
}
/* la 3eme et la 6eme facette */
.results-container .filter-box:nth-of-type(3), .results-container .filter-box:nth-of-type(6) {
  --neutral-color: var(--primary-color);
}
#3

Génial, merci !

J’ai juste eu un problème de copier-coller, il faut bien mettre deux tirets devant neutral et primary :
--neutral-color: var(--primary-color);

Et c’est le --var(primary-color) qui est à personnaliser avec le code couleur de son choix.