How to remove underlines from links in Squarespace

How to remove underlines from links in Squarespace

In most cases, it’s better to keep link underlines — they help visitors quickly recognize clickable text and improve accessibility and usability.

Remove underlines from the content

But if you still want to remove them, add this code to Custom CSS:

main a,
#footer-sections a {
  text-decoration: none !important;
}

This removes underlines from links in the main content area and footer.

Remove underlines from the navigation menu

If you also want to remove the underline from the active navigation link in the header, add this too:

body:not(.header--menu-open) .header-nav-item--active > a {
  background: none !important;
}

This removes Squarespace’s default underline/highlight style from the active menu item.