Schriftfarbe im Header-Balken ändern

[Werf]

Hallo zusammen,

für einen Profi vermutlich eine banale Frage. Für mich gerade nicht lösbar.
Kann mir jemand sagen, wo genau ich die Schriftfarbe im Headerbalken ändern kann?

Screenshot anbei.

Vielen Dank für eure Rückmeldung!

Grüße
Werf

 

[Arthur]

AW: Schriftfarbe im Header-Balken ändern

Hallo Werf.

Folgender CSS-Selektor sollte dir helfen:

.navbar-default .navbar-nav > li > a {
    color: #FFF;  (= Schriftfarbe)
    font-size: 19px;  (= Schriftgröße)
}

Gruß Arthur

 

[Werf]

AW: Schriftfarbe im Header-Balken ändern

Vielen Dank Arthur für deine Rückmeldung.
Allerdings kann ich leider damit nicht wirklich viel anfangen.
Was ist ein CSS-Selektor?

Ich muss doch vermutlich in irgendeiner Datei etwas ändern? In welcher Datei und wo in etwa dürfte das stehen?

 

[Arthur]

AW: Schriftfarbe im Header-Balken ändern

Ich gehe davon aus, dass du den 4er Shop in Gebrauch hast.
Gehe im Shop-Backend in PLUGINS -> EVO THEME EDITOR und wähle dort bei "Theme auswählen" Dein eigenes Theme aus der Liste aus. Danach erscheint eine neue Liste, in der Du auf THEME.LESS klickst.

Suche nun als erstes, ob diese Zeichenfolge ".navbar-default .navbar-nav > li > a" (ohne Anführungszeichen) dort enthalten ist; was ich nicht glaube. Wenn nicht, kopierst du den Code, den ich dir in meinem Beitrag Nr. 2 geschrieben habe, ganz am Ende rein. Dann DATEI SPEICHERN und danach THEME KOMPILIEREN. Fertig.
Jetzt noch den Browsercache leeren und die Änderung sollte sichtbar sein. Wenn nicht musst du evtl noch den Cache Deines Shops leeren.

 

[Werf]

AW: Schriftfarbe im Header-Balken ändern

Vielen Dank für deine Antwort.
Das funktioniert leider nicht, da wir mit dem Template Fire der Firma Southbridge arbeiten.
Wenn ich das Plugin starte wird da gar nichts angezeigt.

Gibt es noch eine andere Möglichkeit?

 

[css-umsetzung]

AW: Schriftfarbe im Header-Balken ändern

Wenn du mit Begriffe wie selector nichts anfangen kannst, solltest da nicht selbst rangehen.
Wenn du es aber möchtest, dann musst du schauen wo in dem Template verzeichnis die css oder less Datei ist und das suchen um es zu ändern.

Wenn du Firefox hast, hol dir das firebug plugin, drück F12 waehle das Element aus und schau in der rechten box in welcher Datei das definiert wurde.