Hover Effekt für Menü-Links einstellen
Möchtest du deinem Menü einen besonderen Effekt hinzufügen, zum Beispiel, dass sich die Farbe ändert, wenn du mit der Maus über den Link fährst? Kein Problem, ich zeige dir, wie das funktioniert.
In diesem Artikel möchte ich dir gerne zeigen, wie du einen Hover-Effekt für deine Links einstellst. Wenn du mit der Maus über Links fährst, passiert normalerweise nichts. Leider gibt es über das Backend von Squarespace noch keine Möglichkeit, den Link-Hover-Effekt einzustellen (Stand Februar 2024).
Damit du dennoch einen coolen Farbeffekt auf deinem Menü einbauen kannst, habe ich hier folgenen Qick-Tipp für dich.
Menü Links mit Hover Effekt einstellen
Hier ist, wie du vorgehst:
1. Öffne deine Webseite in Squarespace.
2. Gehe zu "Website Tools" und wähle "Benutzerdefiniertes CSS".
3. Füge den folgenden Code ein:
/* Ändere die Farbe der Links beim Überfahren mit der Maus */
a:hover {
color: blue !important;
}
Hier kannst du 'blue' durch eine andere Farbe ersetzen, zum Beispiel 'red' für Rot oder einen Hex-Code für eine spezifische Farbe z.B. #FFC385.
4. Speichere die Änderungen.
Jetzt ändert sich die Farbe deiner Links, wenn du mit der Maus darüberfährst.
Hier kannst du den Ablauf in meiner Videoanleitung anschauen.
Du willst mehr?
Trage dich jetzt in meine Newsletter ein und erhalte in rechtmäßigen Abständen super nützliche Infos, rundum deine Squarespace Website und Webdesign Tipps.
