Il est possible de personnaliser plus en détail l'intégration de votre calendrier à votre site Web à l'aide de CSS.
Chaque élément du programme de cours peut être personnalisé.
Un aperçu des éléments et de leurs balises CSS correspondantes :
.momoyoga-schedule (styles qui impliquent l'affichage de l'horaire complet du cours)
.momoyoga-section (styles qui incluent la zone par jour)
.momoyoga-day (le style du nom du jour)
.momoyoga-date (le style d'affichage de la date)
.momoyoga-lesson-title (le style d'affichage du titre du cours)
.momoyoga-lesson-time (le style d'affichage de l'heure de début du cours)
.momoyoga-lesson-action (le style du bouton "Réserver maintenant")
.momoyoga-lesson (styles qui impliquent l'avion pour le contenu de la leçon)
.momoyoga-lesson-details (styles qui impliquent la zone déroulante par leçon)
.momoyoga-lesson-teacher (le style d'affichage du nom de l'enseignant)
.momoyoga-lesson-description (le style de la description de la leçon)
.momoyoga-lesson-link (le style de tout lien vers la leçon)
Code CSS
Parce que les possibilités sont infinies, nous vous recommandons de consulter des ressources telles que W3School pour obtenir des références sur le code CSS pouvant être utilisé pour personnaliser l'intégration de votre site Web. Notre équipe d'assistance n'est pas formée aux intégrations approfondies de sites Web et ne sera pas en mesure de vous aider à personnaliser l'intégration.
Conseils pour l'affichage sur un téléphone portable
Le planning est mis en place comme répondant par défaut. Cela signifie qu'il s'adapte automatiquement à la taille de l'appareil. Par exemple un smartphone ou une tablette.
Si vous ne souhaitez pas afficher certaines données (par exemple, le nom de l'enseignant), vous pouvez l'omettre en utilisant CSS, par taille d'appareil. Un exemple serait :
@media only screen
and (min-device-width: 320px) and (max-device-width: 480px) {
.momoyoga-lesson-teacher { display:none }
}