Die erste Frage, die ich in der neuen Kategorie „Frage und Antwort“ veröffentliche ist zum Thema Twenty Thirteen von Ivica. Er hat mit diesem Theme eine WordPress-Site eingerichtet und wollte es farblich etwas anpassen bzw. verändern.

Die Frage lautete:

Wie kann ich die Farbe und Hintergrundfarbe der Hyperlinks in der Navigation ändern?

Die Antwort:

Man editiert die styles.css, indem man „Design“ – „Editor“ in WordPress aufruft.

Dort sucht man nach folgendem Eintrag (Zeile 860):

.nav-menu li a {
    color: #141412;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 15px 20px;
    text-decoration: none;
}

Und ändert die Zeile color um.

.nav-menu li a {
    color: #fff; /*neue Textfarbe */
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 15px 20px;
    text-decoration: none;
}

Danach folgt die Beschreibung der Hintergrundfarbe beim Hover über die Navigation:

.nav-menu li:hover > a,
.nav-menu li a:hover {
    background-color: #220e10;
    color: #fff;
}

Hier ändert man background-color:

.nav-menu li:hover > a,
.nav-menu li a:hover {
    background-color: #000; /* neue Hintergrundfarbe bei Hover */
    color: #fff;
}

Möchte man die normale Hintergrundfarbe ändern, sucht man folgenden Code-Block:

.navbar {
    background-color: #F7F5E7;
    margin: 0px auto;
    max-width: 1600px;
    width: 100%;
}

Hier ändert man wieder die Hintergrundfarbe..

Twenty Thirteen Theme anpassen

Twenty Thirteen Theme anpassen

Hinweis:

Wenn man ohne Child-Theme arbeitet und diese Schritte macht, werden alle Änderungen bei einem Update vom Theme wieder gelöscht! Also dann das Theme bitte nicht updaten!

Hier ist seine angepasste Seite: http://www.ivica-sacer.com/

Vielen Dank für Deine Frage und viel Erfolg weiterhin 🙂