# Navigation farblich ändern

**URL:** <https://forum.shopware.com/t/navigation-farblich-aendern/89849>\
**Category:** Shopware 6 (German)\
**Tags:** general, programming\
**Created:** [19. August 2021 um 06:39 UTC](https://forum.shopware.com/t/navigation-farblich-aendern/89849 "2021-08-19T06:39:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![orchidee](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/orchidee/32/14555_2.png) [@orchidee](https://forum.shopware.com/u/orchidee)\
**Post date:** [19. August 2021 um 06:39 UTC](https://forum.shopware.com/t/navigation-farblich-aendern/89849/1 "2021-08-19T06:39:27Z")

</div>

## Moin, ich versuche grade eine css einzufügen, damit die Navigation farblich angepasst wird. Leider klappt es nicht so, wie ich möchte. Mein Container sieht wie folgt aus:

a:link {  
color: #053921;  
text-decoration: none;

}  
a:visited {  
text-decoration: none;  
color: #053921;

}  
a:active {  
text-decoration: underline;  
color: orange;

## }

Habe ich etwas vergessen?  
Vielen Dank schonmal…🙂

---

<div class="post-metadata">

**Author:** ![PromoID](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/promoid/32/14015_2.png) [@PromoID](https://forum.shopware.com/u/PromoID)\
**Post date:** [19. August 2021 um 11:32 UTC](https://forum.shopware.com/t/navigation-farblich-aendern/89849/2 "2021-08-19T11:32:06Z")

</div>

Zu allgemein - a:link spricht alle a links an. Wenn jedoch die Navi eine Klasse oder ID hat die tiefer gesetzt ist, wirst du mit dem a:link nicht weiter kommen. Schau dir die Klasse oder ID der Navi an - geh mit deinem CSS Befehl tiefer (Beispiel: wenn die Klasse vom Navi „navigation“ heißt, dann .navigation a:link {…} ). Sitzt es zu tief, kannst du es mit einem !important Befehl überschreiben. Dann würde es so aussehen: .navigation a:link {color: #053921!important} - dann überschreibt der definitiv den Wert 🙂

Hoffe das hilft dir weiter!

---

<div class="post-metadata">

**Author:** ![orchidee](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/orchidee/32/14555_2.png) [@orchidee](https://forum.shopware.com/u/orchidee)\
**Post date:** [20. August 2021 um 08:02 UTC](https://forum.shopware.com/t/navigation-farblich-aendern/89849/3 "2021-08-20T08:02:10Z")

</div>

Danke für die Antwort.

Habe die Klasse gefunden. Funktioniert auch (fast) 🙂  
Link und Hover funktionieren, aber den aktiven Link zeigt er immer noch (standard)-grau  
Sieht jetzt so aus:  
.nav-main  
a:link {  
color: #053921!important;  
text-decoration: none;

}  
a:hover {  
text-decoration: none;  
color: orange!important;

}  
a:active {  
text-decoration: underline;  
color: #053921!important;

}

![navigation](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/9/9fdcc1c71b9fc61c9d0d8d21c9ac2958fd6e876c.jpeg)

---

<div class="post-metadata">

**Author:** ![PromoID](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/promoid/32/14015_2.png) [@PromoID](https://forum.shopware.com/u/PromoID)\
**Post date:** [20. August 2021 um 09:53 UTC](https://forum.shopware.com/t/navigation-farblich-aendern/89849/4 "2021-08-20T09:53:03Z")

</div>

Sprich den auch direkt an 🙂 Vielleicht klappt es dann.

.nav-main a:active {  
text-decoration: underline;  
color: #053921!important;  
}

Ansonsten schick mir einfach mal als private Nachricht einen Link zur Seite, dann schau ich es mir gerne mal an 🙂

PS: Du kannst z.B. auch bei CSS Angaben wie text-decoration: underline; das !important setzen - \> also text-decoration: underline!important;