Logo Logo
  • Aktuelles 
    • Test Seite Static
  • Über uns 
    • Über uns
    • Leistungen
    • Informationen
    • Versionsverlauf
  • Community 
    • Forum
    • Todo
    • Artikel
    • Shoutbox
    • Live-Besucher
    • Mitglieder
    • Errungenschaften
  • Service 
    • Downloads
    • Partner
    • Wiki
    • Suche
    • Counter
  • Netzwerk 
    • Kontakt
    • Serverliste
    • Discord
  • LOGIN
  •   
    • Deutsch

    • English
    • Italiano
Wiki

Wiki

nexpell WIKI

Stylesheet-Editor / Eigene CSS-Anpassungen

Stylesheet-Editor / Eigene CSS-Anpassungen

Stylesheet-Editor / Eigene CSS-Anpassungen

Kategorie: Dashboard (Admincenter) | Beitrag von T-Seven T-Seven | 11 Oct 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
Screenshot
×
Screenshot
Screenshot
← zurück
footer-logo

nexpell ist ein modernes, quelloffenes CMS, das für Communities, Gaming-Clans, Vereine, kleine Unternehmen und ähnliche Websites entwickelt wurde. Es basiert auf dem beliebten Bootstrap-Framework.

Community

  • Referenzen
  • Unsere Partner
  • nexpell Mitglieder

Quick Links

  • Download
  • Github
  • nexpell-Projekte

Wir im Social Web

Chatte mit uns auf Discord oder folge uns auf Facebook & Twitter.

  • | Discord
  • | Facebook
  • | Twitter |

© 2025 nexpell · Since 2025 · All rights reserved.

  • Impressum
  • Datenschutz
  • Kontakt
Datenschutzeinstellungen

Wir verwenden externe Inhalte von Twitch, Discord und YouTube. Du kannst selbst entscheiden, was geladen werden darf.

Notwendige Cookies

Diese Cookies sind für den Betrieb der Website und ihrer grundlegenden Funktionen zwingend erforderlich. Dazu zählen z. B. Session-Cookies zur Anmeldung, zur Verwaltung Ihrer Datenschutzeinstellungen oder zum sicheren Zugriff auf geschützte Bereiche.
Sie werden automatisch gesetzt und können nicht deaktiviert werden. Ohne diese Cookies funktioniert unsere Website nicht korrekt.

Cookies von Drittanbietern (Twitch, Discord & YouTube)

Beim Laden externer Inhalte wie Twitch-Streams, Discord-Widgets oder YouTube-Videos werden Cookies von diesen Plattformen gesetzt. Diese dienen z. B. der Nutzererkennung, Analyse oder der Optimierung der Dienste.
Mit deiner Zustimmung erlaubst du die Nutzung dieser Inhalte gemäß den Datenschutzrichtlinien der jeweiligen Anbieter. Ohne Zustimmung werden diese Inhalte nicht geladen.