Eigene CSS Stile erstellen oder bestehende editieren

1. Navigiere zur gewünschten Seite mit dem Browser Firefox.
2. Markiere das gewünschte Element (im Beispiel der Hauptitel H1)
3. Mit Kontextmenu (Rechte Maustaste) öffnest du "Element untersuchen". Klicke um den "Inspektor" zu öffnen.
   
4. Du kannst über die HTML-Elemente fahren um diese zu markieren. Im linken Fensterbereich siehst du den HTML-Sourcecode. Im rechten Fensterbereich die CSS-Eigenschaften.
5. Für ein markiertes HTML-Element könnt ihr eine neue CSS-Regel erstellen. Klickt dazu auf das + (rotes Eck auf dem Screenshot unten) und fügt eine CSS-Eigenschaft ein. (Beispiel: color:red; für den H3-Titel)
6. Markiert und kopiert die ganze CSS-Regel:

    h3 {
       color: red;
   }                           
                           

7. Fügt sie im Customizer > Eigene CSS-Regel in euer Theme ein.
8. Dasboard > Design > Customizer > Zusätzliches CSS
   
9. Kopiert den Inhalt der Zwischenablage ins Eigabefeld. Veröffentlicht die Änderung. Prüft die neue Regel im Browser, euer h3-Element sollte nun in Rot erscheinen.
   

CSS-Eigenschaften

Eine Liste hilfreicher CSS-Eigenschaften

CSS Crahkurs

CSS Basic - Editor und Anleitung zum üben von CSS