# Navigationsleiste farblich ändern

**URL:** <https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [28. Juli 2011 um 22:27 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685 "2011-07-28T22:27:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![admin88](https://avatars.discourse-cdn.com/v4/letter/a/e0b2c6/32.png) [@admin88](https://forum.shopware.com/u/admin88)\
**Post date:** [28. Juli 2011 um 22:27 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/1 "2011-07-28T22:27:08Z")

</div>

Ich möchte gerne die Untermenüs in meiner Hauptnavigationsleiste in verschiedenen Farben darstellen. Momentan wir alles in Schwarz dargestellt. Siehe [http://www.dare-solutions.de](http://www.dare-solutions.de). Kann mir jemand helfen.

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [28. Juli 2011 um 22:51 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/2 "2011-07-28T22:51:07Z")

</div>

Installiere Dir mal den Firebug für FF. Damit kannst Du die Stellen finden, welche Du ändern möchtest! Oder für Chrome den Stylebot!

---

<div class="post-metadata">

**Author:** ![admin88](https://avatars.discourse-cdn.com/v4/letter/a/e0b2c6/32.png) [@admin88](https://forum.shopware.com/u/admin88)\
**Post date:** [29. Juli 2011 um 07:52 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/3 "2011-07-29T07:52:40Z")

</div>

[quote=“artep”]Installiere Dir mal den Firebug für FF. Damit kannst Du die Stellen finden, welche Du ändern möchtest! Oder für Chrome den Stylebot![/quote] Hab ich schon, komme mit dem Tool nicht klar. Welche Zeilen müssen den verändert werden ?

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [29. Juli 2011 um 07:59 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/4 "2011-07-29T07:59:36Z")

</div>

Du machst es dir aber einfach… 😉 Schau dir mal den Code in der black.css an um die Zeile 73

---

<div class="post-metadata">

**Author:** ![admin88](https://avatars.discourse-cdn.com/v4/letter/a/e0b2c6/32.png) [@admin88](https://forum.shopware.com/u/admin88)\
**Post date:** [29. Juli 2011 um 08:06 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/5 "2011-07-29T08:06:48Z")

</div>

/\* Drop down menu \*/ #mainNavigation ul li.dropactive:hover a {background-image: none;background-color: #fff;border-color: #000;border-bottom-color: #c7c7c7;color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #fff;background-color: #000000;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #000000; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #fff;background-color: #000000;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #000000;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #000000;color:#fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li li:hover a {color: #fff;} #mainNavigation ul li.dropactive:hover li:hover a {color: #fff;background-color: #000000;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {background-color: #fff; border-color: #000;} #mainNavigation ul li.dropactive:hover ul.droplevel {background-color: #fff;border-color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background-color: #000000;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {color:#000000;border-color: #c7c7c7;} Kann ich hier jeder Kategorie eine andere Farbe verpassen ? Woran erkenne ich den die einzelnen Kategorien bzw. Unterkategorien.

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [29. Juli 2011 um 08:21 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/6 "2011-07-29T08:21:09Z")

</div>

Nein, im Standard kannst du nicht jeder Kategorie eine andere Farbe verpassen. Du siehst hier die Verschachtelung der Menüs, Untermenüs, Unteruntermenüs… Aber da dein Background ja bei Mouseover Schwarz wird, und du diese Farbe ändern willst, musst du nach Background-Color: #000 schauen 😉

---

<div class="post-metadata">

**Author:** ![admin88](https://avatars.discourse-cdn.com/v4/letter/a/e0b2c6/32.png) [@admin88](https://forum.shopware.com/u/admin88)\
**Post date:** [29. Juli 2011 um 08:34 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/7 "2011-07-29T08:34:38Z")

</div>

Schade, dass ich nicht jeder Kategorie eine Farbe zuweisen kann. Aber trotzdem danke.

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [29. Juli 2011 um 09:07 UTC](https://forum.shopware.com/t/navigationsleiste-farblich-andern/3685/8 "2011-07-29T09:07:25Z")

</div>

Kannst du schon, aber dazu musst du das Template anpassen, so dass jede Kategorie eine eindeutige Zuordnung bekommt.