Zum Inhalt

Die Farben der Website ändern

Die Farben der Website stammen aus einer Farbpalette mit zehn Farben, die an einer einzigen Stelle eingestellt wird. Wenn du eine Farbe der Palette änderst, ändert sie sich überall gleichzeitig: Aktivitäten, Seiten, Kopfbereich, Menü, farbige Blöcke.

Nur für Administratoren

Die Farben bilden das Erscheinungsbild der Website. Nur Administratoren ändern sie; Redakteure können die Seite ansehen und die CSS-Klassen kopieren (siehe Einen Block einfärben). Wenn du nichts ändern kannst, wende dich an den Administrator der Website.

Eine vorhandene Farbe ändern

  1. Öffne Konfiguration > Farben.
  2. Suche in der Farbpalette die Farbe, die du ändern möchtest (anhand ihrer Nummer und ihres Namens).
  3. Klicke in dieser Zeile auf die Schaltfläche Farbe auswählen.
  4. Wähle die neue Farbe: im Quadrat, mit dem Farbtonregler oder indem du den Code aus dem Erscheinungsbild einfügst (ein # gefolgt von sechs Zeichen, zum Beispiel #e67e22).
  5. Klicke unten auf der Seite auf Änderungen speichern.

Die Meldung „Einstellungen gespeichert.“ bestätigt den Vorgang. Der Cache der Website wird automatisch geleert: Die Besucher sehen die neuen Farben bei ihrem nächsten Besuch.

Nicht den Namen ändern, nur die Farbe

Wenn das Orange zu einem sanfteren Orange werden soll, ändere die Farbe, nicht den Namen orange: Eine Farbe umzubenennen, würde die Blöcke der Seiten zerstören, die sie verwenden (siehe Die Fallen).

Die Hauptfarbe der Website ändern

Die Standardfarbe färbt den Kopfbereich, die Fußzeile, das Menü und die Seiten ohne eigene Farbe.

  1. Suche unter Konfiguration > Farben, im Abschnitt Farbrollen, die Standardfarbe.
  2. Wähle in der Liste eine andere Farbe der Palette.
  3. Klicke auf Änderungen speichern.

Die Untermenüs folgen: Sie übernehmen diese Farbe, etwas aufgehellt (Einstellung Farbe der Untermenüs).

Eine Farbe zur Palette hinzufügen

Die Palette hat zehn Farbplätze, von denen einige leer sein können. Um einen davon zu nutzen:

  1. Suche einen Farbplatz ohne Farbe.
  2. Gib einen englischen Namen ein, in Kleinbuchstaben, ohne Umlaute, Akzente oder Leerzeichen (green, light-blue).
  3. Wähle seine Farbe.
  4. Klicke auf Änderungen speichern.

Die Farbe erscheint dann in den Auswahllisten der Aktivitäten, der Seiten und der Farbrollen.

Einen Block einer Seite einfärben

  1. Klicke unter Konfiguration > Farben in der Zeile der gewünschten Farbe auf Hintergrund (Farbe des Blockhintergrunds) oder Text (Farbe des Textes). Die Klasse wird kopiert.
  2. Öffne im Avada-Baukasten die Einstellungen des Blocks, Tab Allgemein.
  3. Füge die Klasse in das Feld CSS Class ein und speichere dann die Seite.

Für weißen Text auf farbigem Hintergrund füge auch die Klasse text-white hinzu (Schaltfläche Kopieren unter der Palette). Einzelheiten und Beispiele: Schaltflächen Hintergrund und Text.

Die Farbe einer Aktivität wählen

Die Farbe einer Aktivität wird aus der Palette gewählt, auf der Seite der Aktivität: siehe Aktivitäten und Orte.

Die Fallen

  • Eine Farbe umzubenennen zerstört die Seiten, deren Blöcke ihre alte Klasse verwenden: Sie verlieren ihre Farbe. Tu das nur, wenn es wirklich nötig ist.
  • Einen noch verwendeten Farbplatz zu leeren, entfernt diese Farbe überall, wo sie verwendet wurde. Wähle zuerst überall, wo sie diente, eine andere Farbe.
  • Eine „benutzerdefinierte“ Farbe (außerhalb der Palette) einer Seite oder einer Veranstaltung folgt nicht den Änderungen der Palette.

Wenn es nicht klappt

  • Die Website hat sich nicht geändert: Hast du auf Änderungen speichern geklickt? Lade die Seite danach mit Strg + F5 neu (auf dem Mac: Cmd + Umschalt + R).
  • Ein Block hat seine Farbe verloren: Seine Klasse entspricht keiner Farbe der Palette mehr (Name geändert, Farbplatz geleert).

Weiterführend