[Résolu] définir le « time range » de « event calendar » en CSS ? (Créer un compte)

Bonjour à toutes & tous !

Après deux ans, je me remets à WordPress pour un nouveau site, avec Elementor.

Il s’agit d’un site pour une école dans lequel je souhaite intégrer un calendrier basique sur la page d’accueil ; j’ai choisi le widget « event calendar ».

Je suis parvenu à le personnaliser (en l’allégeant nettement), ne conservant que les boutons souhaités et les vues quotidienne et planning (mois et semaine rendent mal en responsive) ;

reste une chose que je ne parviens pas à régler…

Je voudrais que le calendrier n’affiche les heures que de 7h à 16h ;

j’essaie donc de cacher les slots en question par du display:none en CSS.

J’ai bien repéré les lignes, qui partagent le même nom, .fc-timegrid-slot, mais du coup je cache tout.

Il me faudrait préciser les lignes selon leur range, que je vois en format numérique dans le code source ; par exemple, pour 6h du mat’ :

<td class= »fc-timegrid-slot fc-timegrid-slot-lane » data-time= »06:00:00″>

J’ai essayé sans succès :

.fc-timegrid-slot .data-time:’06:00:00′ {
display: none;
}

Mais je n’ai jamais eu affaire à ce type de « sous précision »…

En PJ, un printscreen du code source et du calendrier, j’espère que ça pourra être utile.

L’un.e de vous saurait comment correctement rédiger cela, ou connaitrait une autre solution ?

Merci !