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