How to remove underline from links in Squarespace 7.1

** UPDATED March 2023 **

In Squarespace 7.1, the underline in links are not from a border, outline, or text-decoration like most underlines in CSS, but they are created using a background image. So removing them is not that straight forward.

Complexity: Easy

A useful tool you can use to identify the #collection-id, #block-id and section[data-section-id="5f561a6cfab9b365a25a1e21"] is a Chrome Extension called Squarespace ID Finder (https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff) which I fully recommend.

All Links

a {
text-decoration: none !important;
}

Links in the Header

header a {
text-decoration: none !important;
}

Links in the Footer

footer a {
text-decoration: none !important;
}

Links on a Specific Page

#collection-id a {
text-decoration: none !important;
}

Links in a Specific Section

section[data-section-id="[SECTION-NUMBER]"]  a {
text-decoration: none !important;
}

Links in a Specific Block

#block-id a {
text-decoration: none !important;
}