Wie du in Squarespace Link-Unterstriche entfernst
In Squarespace ist es üblich, dass Links automatisch unterstrichen werden. Das bedeutet, wenn du beispielsweise ein Wort markierst und einen Link darauf setzt, erscheint automatisch ein Unterstrich. Das Gleiche gilt für Links in der Menüleiste. Als Designer finde ich es ein Bisschen störend. Aber keine Sorge, es gibt einen Trick, den ich dir jetzt zeigen werde.
Wenn du für die komplette Website die Unterstriche entfernen möchtest, brauchst du nur einen Code:
/* Unterstriche komplett entfernen*/
html a {text-decoration: none !important;}
Und so entfernst du die Unterstriche für Text, Menü und Footer:
#1 Für Links im Text
1. Öffne deine Webseite in Squarespace.
2. Gehe zu "Website Tools" und wähle "Benutzerdefiniertes CSS".
3. Füge den folgenden Code ein:
/* Entferne Unterstrich von Links im Text */
p a {text-decoration: none !important;}
4. Speichere die Änderungen.
Das war's! Jetzt sollten alle Links auf deiner Seite keinen Unterstrich mehr haben.
#2 Links im Menü
Kopiere einfach den folgenden Code in “Benutzerdefinertes CSS”:
/* Entferne Unterstrich von Links im Menü */
header a {background-image: none !important;}
Update Mai 2025:
/* Entferne Unterstrich von Links im Menü */
.header-nav-item--active a {background-image: none !important;}
Speichern nicht vergessen!
Dadurch werden auch alle Links im Menü ohne Unterstrich angezeigt.
#3 Links im Footer
Wenn du Links in deinem Footer hast und den Unterstrich entfernen möchtest, kopierst du folgenden Code in den CSS Bereich:
/* Entferne Unterstrich von Links im Footer */
footer a {text-decoration: none !important;}
Und auch hier das Speichern nicht vergessen!
Und voilà! Der Unterstrich ist weg.
Ich hoffe, dieser Qick-Tipp hat dir geholfen. 😎
Hier findest du die Videoanleitung:
Im Mai 2025 haben sich die Selektoren im Code geändert. Für das Menü habe ich den Code hier im Blog bereits angepasst. Ich werde ein neues Video für den neuen Code erstellen. Wie du den Code einfügst, kannst du jedoch dem Video entnehmen. Die Vorgehensweise ist aktuell (1.6.2025)
Du willst mehr Inhalte gleicher Art?
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.
