CSS: Farben anpassen

Falls dir die Farbeinstellungen der Theme Optionen nicht ausreichen, kannst du die Farben einzelner Elemente auch noch mit CSS anpassen.

CSS Befehle:

Du kannst die Farbe von Schriften mit dem color CSS Befehl und den Hintergrund eines beliebigen Elements mit dem background CSS Befehl ändern:

.page-element {
color: #fff;
background: #333; /* Hintergrundfarbe */
background: url(IMAGE-URL) repeat; /* Hintergrundbild */
}

Hierbei musst du die Klasse .page-element mit der ID oder Klasse des von dir gewünschten Elements ersetzen, welches andere Abstände bekommen soll. Wir empfehlen die Verwendung des Firefox Plugins Firebug zur Identifizierung der richtigen ID bzw. Klasse.

 

Beispiele:

Bitte beachte, dass sich die HTML Strukturen je nach verwendeten Theme unterscheiden können und manche Codeschnipsel deshalb nicht in jedem Theme gleichermaßen funktionieren.

Farbe des Titels im Header Bereich ändern

#logo .site-title {
color: #ff0000;
}

Farbe der Links in der Navigation verändern

#mainnav-menu a, #mainnav-menu a:link, #mainnav-menu a:visited {
color: #fff;
}

 


Falls du Hilfe mit deinen CSS Anpassungen benötigst, können wir einige WordPress Experten empfehlen, welche dir mit Sicherheit gerne weiterhelfen.