How to remove Underline from Links in Squarespace

To remove Underline from Links in Squarespace, you can use these

#1. Announcement Bar Underline

You can use this CSS code.

#2. Header Links Underline

You can use this code to the Custom CSS box.

div.header-nav-item *, div.container.header-menu-nav-item * {
    background-image: none !important;
}

#3. Text Block Links Underline

image

You can use this CSS code.

div.html-block a, div.html-block a * {
    text-decoration: none !important;
}

image

#4. Footer Links underline

Use this CSS code.

footer.sections {
  div.html-block a, div.html-block a * {
    text-decoration: none !important;
  }}