Site icon Yoga Webdesign

Learnpress-Kursübersicht gestalten

Learnpress-Schulung

Von Hause aus lässt Learnpress leider nicht viele Gestaltungsmöglichkeiten der Kursübersichten 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. 

Bitte beachte, dass sich der Code ne nach gewählter Ansicht (Grid- oder Listenansicht) leicht unterscheiden kann. Dies habe ich dann entsprechend vermerkt.

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

Namen des Dozenten rausnehmen

Code

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Anzahl Teilnehmer nicht anzeigen

Code

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Anzahl Lektionen und Quiz-Aufgaben nicht anzeigen

Code

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Stufe nicht anzeigen

Code

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Schriftgröße Kurstitel anpassen (Listenansicht)

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.

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Schriftgröße Kurstitel anpassen (Grid-Ansicht)

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.

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

"Kostenlos" - Schriftdicke und Schriftfarbe anpassen

Code

Tausche die “600” durch einen anderen Wert (bspw. 400 oder 500), um die Schriftdicke zu beeinflussen. Den Farbcode kannst du durch eine eigene Farbe ersetzen. Falls du dir eine Farbe aussuchen möchtest, nutze einen HTML Color Picker.

Der Code ist für die Listen- und für die Grid-Ansicht identisch.

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Farbliche Abhebung der Kurse (Listenansicht)

Diese Code ermöglicht dir, deine Listenansicht etwas hübscher zu gestalten, indem deine Kurse eine Hintergrundfarbe erhalten und die Ecken leicht abgerundet werden.

Der Code ist so gestaltet, dass er nur Auswirkungen auf die Listenansicht hat. Die Grid-Ansicht bleibt davon unberührt.

Code

Passe den Farbcode hinter “background-color” an, um die Hintergrundfarbe zu ändern.

Um die Farbe des dünnen Rahmens zu ändern, passe den Farbcode hinter “border:” an (ab der #)

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Farbliche Abhebung der Kurse (Grid-Ansicht)

Diese Code ermöglicht dir, deine Grid-Ansicht etwas hübscher zu gestalten, indem deine Kurse eine Hintergrundfarbe erhalten und die Ecken leicht abgerundet werden.

Der Code ist so gestaltet, dass er nur Auswirkungen auf die Grid-Ansicht hat. Die Listen-Ansicht bleibt davon unberührt.

Code

Passe den Farbcode hinter “background-color” an, um die Hintergrundfarbe zu ändern.

Um die Farbe des dünnen Rahmens zu ändern, passe den Farbcode hinter “border:” an (ab der #)

Dieser Inhalt ist nur für Mitglieder sichtbar!

Werde für 19,00 Euro (inkl. Mwst.) auch Mitglied und unterstütze damit unsere Arbeit.

Du bist bereits Mitglied? Dann logge dich jetzt ein

Exit mobile version