Hover-Farbe ändern Topnavigation

[Teichbau]

Hallo zusammen,
wie/wo kann ich die Hover-Farbe in der Navigation ändern?

Es geht um den Demoshop auf der Startseite:
https://stable.modified-shop.org/

Vorab bedanke ich mich im Voraus

Gruß Teichbau

Linkback: https://www.modified-shop.org/forum/index.php?topic=42350.0

[hpzeller]

Hallo Teichbau,

suche in der stylesheet.css folgenden Regelsatz und ändere dort color nach deinem Wunsch ab.

Code: CSS  [Auswählen]

ul.topnavigation li a:hover {
  color: #b0377e;
  text-decoration: none;
}

Übrigens: Man kann mit den Dev-Tools, z.B. von Firefox, solches und vieles andere mehr sehr gut selbst herausfinden. Beschäftige dich mal damit -> https://developer.mozilla.org/de/docs/Tools

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[Teichbau]

Hallo Hanspeter,
vielen Dank für die Hilfe - hat funktioniert.

Ich benutze zwar das Dev-Tool von FF, habe aber die Information zum hover nicht angezeigt bekommen.
Erst durch Dein Screenshot (rechte Maustaste/Pseudoklasse ändern/hover klicken) wurde die Info zum hover angezeigt.
Diesen Weg weitere Informationen zu bekommen war mir nicht bekannt - auch dafür vielen Dank.

Gruss Teichbau

[noRiddle (revilonetz)]

Ich finde es ein wenig unsinnig, daß du hier Doppelposts absetzt. Du hattest doch bereits von Karsta hier im Thread
Farbe der Navigation auf der Startseite ändern
Antwort bekommen und hättest wegen des Hover ja lediglich nachzuhaken brauchen. Ganz abgesehen davon, daß Karsta den Code mit dem :hover sogar mitgepostet hatte.
So etwas könnte man als Foren-Spam ansehen.

Im Übrigen geht das mit dem Hover im Browser-Tool auch einfacher.
Nachdem du das Tool geöffnet hast markierst du das Element im Tool, gehst dann mit der Maus auf das Element auf der Seite (Hover) und gehst einmal mit den Pfeiltasten hin und her, was bewirkt, daß im Tool das Element kurz verlassen und wieder fokusiert wird. Da die Maus auf dem Element bleibt wird dir das CSS für den Hover-State angezeigt.
Umgekehrt geht es genauso, sodaß man die Pdeudoklasse nicht umschalten muß sondern mit lediglich Maus und Pfeiltasten arbeiten kann.
Außerdem dürfte es nicht schwer sein auch den Hover-Befehl im CSS zu finden wenn der Nicht-Hover-Befehl bekannt ist.

Gruß,
noRiddle