Von Hause aus lässt Learnpress leider nicht viele Gestaltungsmöglichkeiten der Einzelkursseite zu. Aus diesem Grund stelle ich dir verschiedene Codes zur Verfügung, mit denen du u.a. unwichtige Informationen ausblenden und auch andere Einstellungen vornehmen kannst.
Sollte dir eine Anpassungsmöglichkeit fehlen, dann kontaktiere mich mit deinen Wünschen, damit ich diese hier noch ergänzen kann.
Und solltest du generelle Hinweise zur Verwendung der Codes benötigen, dann schaue dir zunächst das Video im Beitrag Learnpress – Darstellung an deine Website anpassen an.
Inhalt
Avatar-Bild des Dozenten rausnehmen
Code
/* Learnpress-Einzelkursseite - Avatar Dozent rausnehmen */
.meta-item__image {
display: none !important;
}
Dozenten nicht anzeigen
Code
/* Learnpress-Einzelkursseite - Dozent rausnehmen */
.meta-item.meta-item-instructor {
display: none !important;
}
Kategorie nicht anzeigen
Code
/* Learnpress-Einzelkursseite - Kategorie nicht anzeigen */
.meta-item.meta-item-categories {
display: none !important;
}
Teilnehmerzahl ausblenden
Code
/* Learnpress-Einzelkursseite - Anzahl Teilnehmer ausblenden */
.meta-item.meta-item-student {
display: none !important;
}
Stufe ausblenden
Code
/* Learnpress-Einzelkursseite - Stufe ausblenden */
.meta-item.meta-item-level {
display: none !important;
}
Schriftgröße Abschnittstitel (Section) des Lehrplans anpassen
Code
Bei Bedarf bitte die „16px“ aus dem Code an deine gewünschte Größe anpassen.
/* Learnpress-Einzelkursseite - Schriftgröße Abschnittstitel */
h3.section-title {
font-size: 16px !important;
}
Reiter "Dozent" ausblenden
Falls es auf deiner Seite keine Kurse von verschiedenen Personen gibt und du eine eigene „Über mich“-Seite hast, kannst du den Reiter „Dozenten“ mit diesem Code ganz leicht ausblenden und so den Fokus auf das Wesentliche lenken.
Code
/* Learnpress-Einzelkursseite - Reiter Dozent ausblenden */
li.course-nav.course-nav-tab-instructor {
display: none !important;
}
Reiter "Lehrplan" ausblenden
Diesen Code kannst du verwenden, wenn du den Lehrplan (im Screenshot bei mir heißt der Abschnitt „Kursübersicht“) auf der Einzelkursseite ausblenden willst. So ist aber im Vorfeld nicht der Umfang der Online-Schulung für die Teilnehmer ersichtlich.
Auch Teilnehmer, die den Kurs gekauft haben, sehen die Kursübersicht nicht in der Übersicht, sondern erst, wenn sie den Kurs starten.
Code
/* Learnpress-Einzelkursseite - Reiter Lehrplan ausblenden */
li.course-nav.course-nav-tab-curriculum {
display: none !important;
}
Schriftgröße des Kurstitels anpassen
Code
Der Code umfasst Einstellungsmöglichkeiten für große Bildschirme, Tablets und Handys. Passe die „px“-Werte an deine Wünsche an und teste es anschließend.
/* Learnpress-Einzelkursseite - Schriftgröße Kurstitel */
/* Für Handys */
h1.course-title {
font-size: 16px !important;
}
/* Für Tablets */
@media only screen and (min-device-width: 600px) {
h1.course-title {
font-size: 18px !important;
}
}
/* Für große Bildschirme */
@media only screen and (min-width: 1024px) {
h1.course-title {
font-size: 20px !important;
}
}
