twenty eleven: Farbe des Balkens unter dem Titelbild ändern

Vorab: Das Theme Twenty Eleven ist leider schon etwas angestaubt, vor allem wenn es um die Darstellung auf mobilen Endgeräten geht.

Abgesehen davon lässt sich die Farbe der Navigationsleiste nicht im Back End einstellen. Statt dessen kannst Du aber z.B. das Plugin Simle Custom CSS verwenden, um eigene CSS-Regeln hinzuzufügen, mit denen die Vorgaben überschrieben werden.

Die CSS-Regel, die für den Farbverlauf der Navigationsleiste zuständig ist, lautet

#access {
    background: #222;
    background: -moz-linear-gradient(#252525, #0a0a0a);
    background: -o-linear-gradient(#252525, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
    background: -webkit-linear-gradient(#252525, #0a0a0a);
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
}

wobei die erste Eigenschaft background für ältere Browser einen durchgehenden Farbwert #222 festlegt, für modernere Browser jedoch Farbverläufe. Um einen eigenen Farbverlauf anzulegen, ist dieses Tool vielleicht ganz hilfreich. Wenn Du hingegen nur eine einfache Farbe haben möchtest, kannst Du den Wert #222 mit einem eigenen Farbwert in hexadezimaler Schreibweise überschreiben und die folgenden Zeilen auskommentieren:

#access {
    background: #FF866B; /* orange */
/*   background: -moz-linear-gradient(#252525, #0a0a0a);
      background: -o-linear-gradient(#252525, #0a0a0a);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
      background: -webkit-linear-gradient(#252525, #0a0a0a);
*/
}