Headerhintergrundfarbe ändern

[Andreas.ch]

Hallo Zusammen

Ich möchte gerne die Farbe unter dem Logo, sprich von zuoberst bis zum MegaMenu anpassen. Leider finde ich nicht raus, welche CSS-Class dies ist. Grundsätzlich kann ich dies ja im LiveStyler machen und diesen anschliessend deaktivieren. Ist dies korrekt?

Ziel ist es von weiss auf orange zu wechseln

 

[tom10]

AW: Headerhintergrundfarbe ändern

Dazu gibt es keine eigene Klasse. Das Layout wird geerbt. Ist mit dem Theme-Editor aber schnell angepasst.
Wähle im Theme-Editor dein verwendetes Theme und die theme.less aus und füge folgendes ein:

header .container .container-block {
    background-color: #ff5400;
}

Nun noch speichern und kompilieren.

Um Update sicher zu sein, müsstest du das ganze im custom Theme machen.

 

[Andreas.ch]

AW: Headerhintergrundfarbe ändern

Perfekt! Habe es in die custom.css Datei im Pfad: "/templates/Evo/themes/evo" geschrieben, so kann ich das Template hoffentlich problemlos updaten

 

[JorKie]

AW: Headerhintergrundfarbe ändern

also irgendwie kann ich eintragen was ich will, bei mir ändert sich nichts

Theme-Editor

im richtigen Theme


header .container .container-block { background-color: #ff5400; }

eingetragen ... speichern ... kompilieren... immer noch weiß...



per FTP sehe ich auch das die bootstrap geändert wurde.... mh, erkenne meinen Fehler nicht.

 

[mr.youngchicken]

Mir geht es genau so. Keine Farbänderung. Ist durch die Umstellung auf JTL- Shop 4 da was zu beachten?

 

[M.Stickel]

Hi, habt ihr den Cache gelöscht?

 

[mr.youngchicken]

Hallo,
habe ich soeben gemacht. Bringt trotzdem keine Änderung der Hintergrundfarbe.

 

[FPrüfer]

Hallo,

welcher Bereich soll das sein "header .container .container-block"? Ich finde im Evo-Template kein Element auf das dieser Selektor passen würde.

 

[mr.youngchicken]

Womit kann man dann den Hintergrund des Headers verändern (Farbe, Hintergrundbild)? In den normal mitgelieferten Tools geht es offenbar nicht.

 

[FPrüfer]

Selektoren sollten so allgemein wie möglich und so speziell wie nötig sein. Also wäre ja z.B. als Selektor einfach "header" oder etwas spezieller "#main-wrapper header" denkbar.

 

[mr.youngchicken]

Das hatten wir auch schon ausprobiert. Momentan steht in unserer custom.css

header {
background-color: #ff5400;
}

Diese custom.css befindet sich im Verzeichnis .../themes/>template-Name>

Keine Änderung. Den Livestyler haben wir auch schon ausprobiert, aber auch da tut sich bei KEINER geänderten Einstellung was. Selbst nach Löschen des Cache.

 

[M.Stickel]

Der header hat doch ne ID. Probier' es mal mit der:

#evo-nav-wrapper {
background-color: #FF0000;
}

 

[FPrüfer]

Das hatten wir auch schon ausprobiert. Momentan steht in unserer custom.css

header {
background-color: #ff5400;
}

Diese custom.css befindet sich im Verzeichnis .../themes/>template-Name>

Keine Änderung. Den Livestyler haben wir auch schon ausprobiert, aber auch da tut sich bei KEINER geänderten Einstellung was. Selbst nach Löschen des Cache.

Dann solltest du mal einen Link zum Shop posten, sonst geht die lustige Raterei hier in die nächste Runde...

 

[mr.youngchicken]

Ohne Änderung.
Plötzlich werden allerdings die Änderungen über den Live-Styler angezeigt. Nur habe ich dort keine passende Stelle gefunden, wo ich zumindest die Farbe des Header-Hintergrundes ändern könnte. Vielleicht wäre das die einfachste Methode, wenn das mit der custom.css nicht klappt.

 

[mr.youngchicken]

Sorry, jetzt haben sich zwei Antworten überschnitten. Hier der Link

https://juwelier-just.de/

 

[M.Stickel]

Du schreibst die Änderungen auch in die united/custom.css und löscht danach den Browsercache? Sorry, wenn ich so dumme Fragen stelle, aber ich möchte nur sichergehen.

 

[FPrüfer]

Hallo, in deiner aktuellen custom.css steht

evo-nav-wrapper {
background-color: #ff5400;
}

es muß aber

#evo-nav-wrapper {
background-color: #ff5400;
}

sein.

 

[mr.youngchicken]

Erst einmal danke, dass Ihr Euch die Zeit für mein Problem nehmt.

@M.Stickel: ja das ist korrekt
@FPrüfer: Habe ich beim kopieren sicher außer Acht gelassen. Trotz des # ändert sich die Hintergrundfarbe des Header nicht.

 

[FMoche]

In https://juwelier-just.de/templates/JUST-Template/themes/united/custom.css?v=4.05 fehlt nach wie vor die Raute..

 

[mr.youngchicken]

Weiß nicht, weshalb die Datei nicht richtig hochgeladen wurde.
Jetzt klappt es Vielen Dank.