Coder par couleur le statut des rendez-vous
Attribue aux rendez-vous des bandes colorées selon le statut — réservé, confirmé, terminé, absence, annulé — dans le tableau Booksy Biz.
Code à copier
[class*="appointment" i][class*="booked" i] { border-left: 5px solid #1565c0 !important; }
[class*="appointment" i][class*="confirmed" i] { border-left: 5px solid #2e7d32 !important; }
[class*="appointment" i][class*="completed" i] { border-left: 5px solid #6a1b9a !important; }
[class*="appointment" i][class*="no-show" i] { border-left: 5px solid #c62828 !important; }
[class*="appointment" i][class*="cancel" i] { border-left: 5px solid #9e9e9e !important; opacity: 0.7 !important; }
Comment utiliser cet exemple
- Copiez le code avec le bouton ci-dessus.
- Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
- Ajoutez une nouvelle règle correspondant à cette page.
- Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.
Notez cet exemple
Aucune note — soyez le premier.