Navigation farblich ändern

Shopware 6 (German)
,
1

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…:slight_smile:

2

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 :slight_smile:

Hoffe das hilft dir weiter!

3

Danke für die Antwort.

Habe die Klasse gefunden. Funktioniert auch (fast) :slight_smile:
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

4

Sprich den auch direkt an :slight_smile: 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 :slight_smile:

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