Es ist möglich, die Website-Integration deines Kursplans mit Hilfe von CSS noch persönlicher zu gestalten.
Jedes Element des Kursplans kann angepasst werden.
Übersicht über die Elemente und ihre entsprechenden CSS-Tags:
.momoyoga-schedule (Stile, die die Anzeige des gesamten Stundenplans umfassen)
.momoyoga-section (Stile, die das Gebiet pro Tag umfassen)
.momoyoga-day (der Stil des Namens vom Tag)
.momoyoga-date (der Stil der Anzeige des Datums)
.momoyoga-lesson-title (der Stil der Anzeige des Kurstitels)
.momoyoga-lesson-time (der Stil der Anzeige der Anfangszeit des Kurses)
.momoyoga-lesson-action (der Stil des 'Jetzt buchen' Buttons)
.momoyoga-lesson (Stile, die den Unterrichtsinhalt einbeziehen)
.momoyoga-lesson-details (Stile, die den Dropdown-Bereich pro Kurs beinhalten)
.momoyoga-lesson-teacher (der Stil der Anzeige des Lehrernamens)
.momoyoga-lesson-description (der Stil der Beschreibung eines Kurses)
.momoyoga-lesson-link (der Stil des Links zum Kurs )
CSS Code
Da die Möglichkeiten endlos sind, empfehlen wir dir, in Ressourcen wie W3School nach Referenzen für CSS-Codes zu suchen, der zur Anpassung deiner Website-Integration verwendet werden kann. Unser Support-Team ist nicht für tiefgreifende Website-Integrationen geschult und kann dir nicht bei der Anpassung der Integration helfen.
Tipps für die Anzeige auf dem Handy
Der Kursplan ist standardmäßig responsiv eingerichtet. Das heißt, er passt sich automatisch an die Größe des Geräts an. Zum Beispiel ans Smartphone oder Tablet.
Wenn du z.B. bestimmte Daten nicht anzeigen möchtest (z.B. den Namen des Lehrers), kannst du diese per CSS ausblenden. Wahlweise pro Gerätegröße. Ein Beispiel:
@media only screen
and (min-device-width: 320px) and (max-device-width: 480px) {
.momoyoga-lesson-teacher { display:none }
}