Wiki
nexpell WIKI
Stylesheet-Editor / Eigene CSS-Anpassungen
Stylesheet-Editor
Mit dem Stylesheet-Editor können Sie das Aussehen Ihres Nexpell-CMS individuell anpassen. Sie haben folgende Möglichkeiten:
- Vordefinierte Themes nutzen: Wählen Sie ein vorhandenes Bootstrap-Theme (z. B.
lux,cosmo,darkly) aus, das bereits im System installiert ist. - Eigene Anpassungen: Sie müssen nicht die gesamte Bootstrap-Datei ändern. Sie können gezielt einzelne Bereiche überschreiben, z. B. Buttons, Karten, Navbar oder Footer.
- Overrides laden: Ihr eigenes CSS wird nach dem vordefinierten Theme geladen, sodass Ihre Änderungen priorisiert werden.
Beispiel: Buttons und Karten anpassen
/* Buttons orange */
.btn-primary {
background-color: #fe821d;
border-color: #fe821d;
}
/* Karten-Hintergrund leicht angepasst */
.card {
background-color: #fff7f0;
border-color: #fe821d;
}
/* Hover-Effekt Buttons */
.btn-primary:hover {
background-color: #e67300;
border-color: #e67300;
}
Hinweis: Ihr eigenes CSS überschreibt nur die definierten Bereiche und bleibt bei Updates des vordefinierten Themes erhalten. So können Sie das Layout Ihres CMS individuell gestalten, ohne Originaldateien zu verändern.
Screenshots