Schriftfarben unterschiedlich bei Screen / Mobile-Version

**aussenminister** · 24.11.2014, 09:45

Hallo, wir sind gerade dabei, für eine Internetseite in Contao 2.11 eine mobile Version anzupassen.

http://www.tibargcenter.de

Allerdings stehen wir da vor einem Problem. Einige Schriften, die in der Desktop-Version schwarz sind, werden in der mobilen Version weiss angezeigt. Beispiel ist der Menüpunkt "shopping", das mal von einem Programmierer per Catalog eingerichtet wurde. Alle Schriften auf der rechten Seite sind weiß auf hellgrau. Wir können ja die Elemente mit Firebug gut lokalisieren, aber wir bekommen die Änderung von weiß nach schwarz einfach nicht hin, auch der Hintergrund bleibt hellgrau, obwohl wir das Element lokalisieren können und den Hintegrrund gerne weiss hätten, per CSS tut sich da nicht. Hat jemand eine Idee, wie man das korrigiert bekommt?

**Kahmoon** · 24.11.2014, 09:52

Grundsätzlich kannst du sowas erst mal mit Mediaqueries abfangen.

Bei Euch ist gesetzt:

Code:

*{color:white;}

Sprich du musst das mit einer MQ ab einer Auflösung X ändern. In dem Fall "@media all and (max-width:480px)" bei einem internen Stylesheet (siehe Anhang). Innerhalb dieser MQ könnt Ihr dann die Schriftfarbe generell und auch die Hintergrundfarbe für die Box setzen.

Schrift generell

Code:

*{color:#000:}

Hintergrund der Box:

Code:

.mod_cataloglist .cat_betriebe .item{background-color:#fff;}

VG
Frank

**aussenminister** · 24.11.2014, 10:07

Hallo Kahmoon,
Danke erstmal für die schnelle Antwort, da hängen wir uns mal hinter ...

Gruss
Dietmar

**aussenminister** · 24.11.2014, 11:41

Leider tut sich nichts, ich habe den allg. Selektor wie vorgeschlagen mal auf schwarz gesetzt, aber nichts tut sich.

Diese verdammte Schrift bleibt weiß ...

Irgendwie ist da wohl der berühmte Knoten im Kopf ...