Design anpassen

Du kannst die Benutzeroberfläche deiner Veranstaltung ganz einfach anpassen. In diesem Artikel erfährst du, wie du das Design bearbeiten kannst.

Inhalt

1. Design-Editor

2. Benutzerdefiniertes CSS

 

210826_Backend_Farben anpassen_deutsch

Du kannst das allgemeine Layout deiner Eventplattform in Bezug auf Farben, Schriftarten, Themes und Menüleisten anpassen. Die Anpassungen kannst entweder mit dem Design-Editor oder direkt über CSS vornehmen.

1. Gehe im Backend auf Setup -> Veranstaltung bearbeiten in der Sidebar.

2. Klicke auf den Reiter Design.

3. Nimm Anpassungen über den Design-Editor oder im CSS-Code vor.

4. Speichere deine Einstellungen.

Design 1 DE

Design-Editor

Du kannst den Design-Editor ohne Programmierkenntnisse nutzen. Dazu musst du lediglich ein Häkchen bei Design Editor aktivieren setzen.

  • Haupt Theme: Du kannst zwischen einem hellen oder dunklen Theme wählen. Es ist auch eine dunkle Navigation mit hellem Inhalt möglich.
  • Farben: Du kannst Primär- und Sekundärfarbe im RGB-, HEX- oder HSL-Format festlegen.
  • Buttons: Du kannst die Hintergrund- und Textfarbe sowie die Rahmen der primären und sekundären Buttons festlegen.
  • Navigationsleiste oben: Du kannst festlegen, ob Icons in der oberen linken Navigationsleiste angezeigt werden sollen.

Navigationbar top icons

  • Hauptmenü: Hier kannst du das Design der linken Sidebar anpassen.

Auf der rechten Seite wird dir eine Vorschau des Designs angezeigt. Das Papierkorbsymbol setzt die Einstellungen auf die Standardwerte zurück.

Benutzerdefiniertes CSS

Jede Frontend-Seite hat im Body-Tag eine eindeutige Klassenach dem Schema site-SITENAME hinterlegt.
Beispiel: <body class="site-events-index">