Wie ändere ich Farben in mobiler Version? (blaue Balken)

[Testphase]

Ich hatte es schonmal vor knapp 3 Wochen gefragt aber leider keine Antwort erhalten.
Wie kann ich die blauen Balken ändern?

Bild ist hier zu sehen: http://forum.jtl-software.de/attach...e-ich-die-farben-der-mobilen-version-foto.jpg

 

[Visitmedia]

AW: Wie ändere ich Farben in mobiler Version? (blaue Balken)

Schon mal in das Template-Verzeichnis einen Blick gewagt? Entweder sind es Bilder oder es wird per CSS gemacht. Es gibt nur diese zwei Möglichkeiten.

 

[Testphase]

AW: Wie ändere ich Farben in mobiler Version? (blaue Balken)

Ja, macht nur Sinn!...und trotzdem find ich's einfach nicht -.-

 

[Testphase]

AW: Wie ändere ich Farben in mobiler Version? (blaue Balken)

Mir mag niemand helfen, oder? 😉

 

[Thomas_S]

AW: Wie ändere ich Farben in mobiler Version? (blaue Balken)

Na gut, dann wieder ich 😉

Die Formatierung steckt in einer css Datei die hier zu finden ist: https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css (Frag jetzt nicht warum die Datei dort liegt - ich habe keine Ahnung)
Das bringt erst mal nicht viel, weil du die nicht ändern kannst. Da die im Thema hinterlegte theme.css aber später geladen wird, rückt sie in der Rangfolge eins hoch und überschreibt die Angaben der Ersten.

Somit kannst du in der theme.css die Elemente, Klassen und ID's des Templates anlegen.
Als Beispiel füge folgendes in die theme.css ein und die der blaue Balken wird grün:

.ui-bar-b {
    background: linear-gradient(#66CC66, #336633) repeat scroll 0 0 #339966;
}

 

[Testphase]

AW: Wie ändere ich Farben in mobiler Version? (blaue Balken)

Ooooh, vielen Dank, Du bist ein Schatz 🙂

Ich habe es gerade mal ausprobiert. Funktionierte auch wunderbar (hab mir die mobile Version auf dem PC anzeigen lassen).
Jetzt wollte ich es mir auf dem iPad und iPhone anschauen und dort wird weiterhin das blau angezeigt. Auch nach Löschung des Cache etc. bleibt es blau.
Woran kann das liegen? Auf dem PC wird das rot angezeigt, also war der Code ja prinzipiell richtig...

 

[Thomas_S]

AW: Wie ändere ich Farben in mobiler Version? (blaue Balken)

Seh ich gerade auch keinen Grund, warum das nicht klappen sollte. Die Klasse .ui-bar-b macht noch Angaben zum Rand. Eventuell liegts daran. Hier mal die komplette Regel:

.ui-bar-b {
    background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
    border: 1px solid #456F9A;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #3E6790;


}