Learnpress-Einzelkursseite gestalten

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.

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;
}
}