Problème de personnalisation intégration planning de cours

• 

  lfaget002 · Membre · décembre 16, 2024 at 12:23

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour à tous,

  Je suis actuellement en train de construire un site hébergé sous WordPress, à l’aide du constructeur de thème Elementor (version free).

  Il s’agit d’un site pour un collectif de yoga. La réservation des cours s’effectue sur la plateforme momoyoga.com. Je voudrais donc sur la page « planning » de mon site insérer le planning de mes cours.

  Jusque ici j’ai réussi en ajoutant le code html suivant :

  <div class= »momoyoga-schedule » data-momo-schedule= »https://www.momoyoga.com/nowyoga33/schedule »></div>

  Je voudrais désormais personnaliser l’intégration du planning sur mon site. momoyoga.com renseignent ces balises CSS de personnalisation :

  .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)

  J’ai donc intégré sur mon site nowyogabordeaux.fr le code html suivant mais les modifications n’apparaissent par sur le site lorsque je mets à jour (à part pour la balise .momoyoga-lesson-time)

  Pourriez-vous m’aider svp ? Je vous en serai reconnaissante, merci beaucoup !

  <style>
      .momoyoga-lesson-title {
          font-weight: bold; 
          font-size: 16px;  
          color: #548486;  
          font-family: 'Poppins', sans-serif;
      }
      .momoyoga-date {
          color: #1F3132; 
          font-size: 16px;
          font-weight: bold;
      }
      .momoyoga-lesson-time {
          color: #1F3132;  
          font-size: 14px; 
      }
      .momoyoga-day {
          text-transform: capitalize;
          color: #1F3132;  
          font-size: 16px; 
          font-weight: bold;
      }
      .momoyoga-lesson-action {
          font-size: 16px;
          color: #548486;
          text-decoration: underline;
          cursor: pointer;
      }
      .momoyoga-lesson-teacher {
          color: #000000; 
          font-size: 14px; 
      }
  </style>
  

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).