CSS: Typografie ändern

Auch die Schriftart und Formatierung kann mit CSS verändert werden.

CSS Befehle:

Mehrere Befehle erlauben dir, die Schrift eines beliebigen HTML Elements zu formatieren: font-style erlaubt dir kursive Schrift, font-weight die Änderung der Schriftdicke und font-size die Anpassung der Schriftgröße:

.page-element {
font-weight: bold;
font-style: italic;
font-size: 1.5em;
}

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.

Schriftgröße des Seiten Titels ändern

#logo .site-title {
font-size: 3.0em;
}

Schriftgröße und -dicke der Navigationselemente ändern

#mainnav-menu a {
font-size: 1.2em;
font-weight: bold;
}

 


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