Farbe von Mobile Tempate ändern

[Max-Angelladen]

Hi
Ich finde das Mobile Template richtig klasse, nur hätte ich die blauen Balken lieber in einer anderen Farbe. Im Css finde ich die class ( ui-li ui-li-divider ui-bar-b ui-corner-top) aber leider nicht 🙁
Hat jemand einen Tip wo ich den Style ändern kann ??
DANKE

 

[david]

AW: Farbe von Mobile Tempate ändern

Das Mobile Template basiert auf jQuery Mobile. Habe Themeroller noch nicht selbst getestet, aber es sieht so aus, als könntest du damit relativ einfach ein eigenes Theme erstellen: ThemeRoller | jQuery Mobile
Nach Upload des Themes in den Shop (ich würde das Verzeichnis templates/JTL-Shop3-Mobile/themes/custom empfehlen) kannst du dann die CSS-Datei in der header.tpl bzw. header_custom.tpl des Mobile Templates einbinden:

<link type="text/css" href="{$currentTemplateDir}themes/custom/theme.css" rel="stylesheet" />

 

[ongnamo]

AW: Farbe von Mobile Tempate ändern

@Max: Ich habe eben versucht, deine Webseite in der Mobil-Version aufzurufen. Nach ca. 10 Abfragen, ob ich die Seite in der mobilen Version aufrufen möchte, habe ich abgebrochen. Nur zur Info.

 

[jitka001]

AW: Farbe von Mobile Tempate ändern

Hi, habe ich genau so gemacht wie von david geschrieben ist, aber es funktioniert nicht so richtig nur die hälfte von Farben sind übernommen, gibst es Einleitung in Deutsch?

Jitka 🙂

 

[NikoBellic]

AW: Farbe von Mobile Tempate ändern

Die Antwort kommt vielleicht etwas spät, aber ich bin selber erst darauf gestoßen, da ich mir gerade ein Mobile Template baue.

Schaue in die header.tpl des mobilen Template rein (vorher am besten eine _custom.tpl erstellen)

Dort findest du eine verlinkte css datei

<link rel="stylesheet" href="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />

Das ist ein absoluter Pfad zum CSS von jquery. Entweder ersetzt du diesen Pfad gegen dein eigenes CSS File (die Images müssen dann auch auf den Server) oder aber du setzt einen zweiten Link darunter mit deinem CSS File und benutzt die Funktion !important bei den Werten, welche geändert werden sollen, um die Werte von jquery zu überschreiben. Elegant ist das nicht, aber ich kenne auch nicht deine CSS oder HTML Kenntnisse, von daher nur eine quick & dirty Anleitung. So oder so geht es auf diesem Wege