Stylesheet-Editor / Eigene CSS-Anpassungen
Dashboard

Stylesheet-Editor / Eigene CSS-Anpassungen

Im Stylesheet-Editor können Sie vordefinierte Bootstrap-Themes auswählen und gezielt eigene CSS-Anpassungen vornehmen. So lassen sich z. B. Farben, Buttons oder Karten überschreiben, ohne das Original-Theme zu verändern.

Ihr eigenes CSS wird nach dem vordefinierten Theme geladen, wodurch Ihre Anpassungen priorisiert werden.

T-Seven Aktualisiert am 11.10.2025
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