← Tous les exemples

Mettre en avant les trous du calendrier

Marque les créneaux vides du planning Booksy Biz d'un motif jaune pour repérer aussitôt les trous à exploiter.

Code à copier

[class*="calendar" i] [class*="slot" i]:not(:has([class*="event" i])):not(:has([class*="appointment" i])),
[class*="day-grid" i] [class*="empty" i] {
  background: repeating-linear-gradient(45deg, #fffde7, #fffde7 8px, #fff9c4 8px, #fff9c4 16px) !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.