Farben anpassen: So passt du die blaue + gelbe Schriftfarben, Flächen und Buttons an

Schritt 5 von 7 – Farben anpassen über den Visual Editor von Headway

Wenn du das Design deiner Webseite mehr auf dich abstimmen möchtest, kannst du dies am Besten über die verwendeten Farben erreichen. In den folgenden Videos zeigt dir Anke, wie du insgesamt die blaue und gelbe Farbe für Schriften, Flächen und Buttons im Design-Modus von Headway anpassen kannst.

In den Visual Editor von Headway kommst du über den Menüpunkt “Design” → “Anpassen”.

Wichtig: Solltest du in Headways Visual Editor nicht arbeiten können oder dieser sich “zu Tode laden”, dann überprüfe bitte, ob in der Browser-Adress-Zeile das https:// fehlt. Wenn ja, füge es bitte vor deine URL ein, z. B.: https://wilkommen.spreadmind.de/visual….

  1. Blaue Farbanpassung auf dem “Layout: Front Page” (Startseite)
  2. Blaue Farbanpassung auf dem “Layout: BlogIndex” (Seite Blog)
  3. Blaue Farbanpassung auf dem “Layout: Single” (Alle Unterseiten) & “Layout: Lessons” (Lektionen)
  4. Gelbe Farbanpassung auf dem “Layout: BlogIndex” (Seite Blog)
  5. Gelbe Farbanpassung für das “Shared Layout: Intern” (Interner Bereich wie Lektionen, Seite “Mein Konto”, usw.) & “Shared-Layout: Intern Forum”

 

1. Blaue Farbanpassung auf dem “Layout: Front Page” (Startseite): ↑ nach oben

Inhalte des Videos:

  • Navigations-Zustände “Selected” und “Hover” für die Hauptnavigation ändern
  • Headline “Du hast noch keinen Expertentext?” anpassen
  • Button farblich und global anpassen
  • “Weiterlesen”-Button (Continue Reading Button) und …
  • … zum Schluss die Navigations-Titel im Footer farblich ändern

Tipp: Wie bereits im Video erwähnt, kannst du auch für den Expertentext “Du hast noch keinen Expertentext?” einfach bei der Seite “Startseite” in deinem Spreadmind-Dashboard auf Bearbeiten klicken, dann den gewünschten Text markieren und nur individuell einfärben.

 

2. Blaue Farbanpassung auf dem “Layout: BlogIndex” (Seite Blog): ↑ nach oben

Inhalte des Videos:

  • Sidebar Linkfarbe für “beliebteste Artikel”
  • Sidebar Linkfarbe für Widget-Links global
  • Blog-Titel Farbe bei “Hover”

 

3. Blaue Farbanpassungen auf dem “Layout: Single” (Alle Unterseiten) & “Layout: Lessons” (Lektionen): ↑ nach oben

Inhalte des Videos:

  • Globale farbliche Anpassung des Seiten-Titels
  • farbliche Anpassung der blauen Linie bei dem unteren Expertentext-Abschnitt
  • Schriftfarbe und Trennlinie des Lektionen-Titels anpassen (Layout: Lessons)

 

Die Schriftfarbe für die H1 und H2 Überschriften haben wir ja bereits im ersten Video angepasst. Daher müssen auf dem Layout: Beitrag keine weiteren Design-Änderungen vorgenommen werden.

 

4. Gelbe Farbanpassung für “Layout: BlogIndex” (Seite Blog): ↑ nach oben

Inhalte des Videos:

  • Sidebar Widgets obere gelbe Linien anpassen

 

 

5. Gelbe Farbanpassung für das “Shared-Layout: Intern” (Interner Bereich wie Lektionen, “Mein Konto” etc.) & “Shared-Layout: Intern Forum”: ↑ nach oben

Inhalte des Videos:

  • “Hover” und “Select”-Zustand für die obere interne Navigation (S-L Intern)
  • “Hover” und “Select”-Zustand für das Untermenü von “Persönlicher Bereich” (S-L Intern)
  • untere gelbe Linie beim Wrapper Logo (S-L Intern)
  • Seiten-Titel für die internen Seiten (S-L Intern)
  • Seiten-Titel für das Forum (S-L Intern Forum)

Dein Spreadmind-Team

Wir sind immer Montag bis Freitag von 9:00 bis 17:00 Uhr für dich da.

Das, wonach du suchst, kannst du nicht finden?

Wir helfen dir gerne weiter! Fülle am besten unser Support-Formular aus und gemeinsam werden wir eine Lösung finden.

» zum Support-Formular