Menüpunkt Farbe bei Mouse Over

[scherenschlag]

Moin.
So. Hänge.
Die Menüpunkte an sich sind Orange. Soll so. Ok.
Bei Maus drauf sind sie schwarz. Oder auch braun.
Sollen aber schön griechisch blau sein. (Hex Code: #0D5EAF)
So wie das restliche blau auf der Seite. (Schattenfarbe)
Hilfä...... Bin mal wieder zu blöd. Oder zu alt. Oder beides.

https://www.gaststaette-zur-sonne.de/

[Tommy Herrmann]

Moin,

bei Deiner Navi wird die Bootstrap class="text-danger" verwendet, die Du natürlich auch in irgendeine andere Bootstrap-Class umschreiben, bzw. eben eine andere Farbe aus den Werkzeugen der Navilinks wählen könntest:

https://getbootstrap.com/docs/5.0/utili ... rs/#colors



Um die jetzige Hover (Mausüber) - Farbe des Menü-Links in der Navi individuell zu ändern, musst Du im "CSS Editor" nach der class="nav-link" im Menü-Block suchen und diese dann mit Deiner Farbe umschreiben, also so:

Code: Alles auswählen

.nav-link:hover {
  color: #0D5EAF !important;
}

… für den animierten Unterstrich unter dem Link müsstest Du auch noch dieses Pseudo-Element in Deiner Farbe anpassen:

Code: Alles auswählen

.nav-link::before {
  background: #0D5EAF !important;
}

Bin mir da aber nicht zu 100% sicher ohne es ausprobieren zu können, weil an einer Navi immer auch direkte Style-Anweisungen von Bootstrap wirken oder diese eben auch von Mobirise abgeändert sein können. An der Navi etwas zu ändern ist immer etwas heikel und wenn man sich nicht sehr gut auskennt, sollte man das lieber lassen.

Insofern wäre es wahrscheinlich besser die Farbe über die Block-Werkzeuge, bzw. Style-Einstellungen von Mobirise zu ändern.

[scherenschlag]

Bin erst heute dazu gekommen.
Wunderbar... Klappt...
Danke