How to remove underlined active links in Squarespace 7.1

We firmly believe that adding CSS customizations to your website to remove or modify default settings can significantly enhance the appearance of a Squarespace website. This can leave viewers wondering, "Is this really a Squarespace website?"

With this simple and copy/paste tutorial, you can easily remove the default underline for active links in the Squarespace 7.1 header navigation and sections. 

Add the Custom CSS Code

Go to DESIGN > CUSTOM CSS > and COPY & PASTE the code below:

// REMOVE UNDERLINED ACTIVE NAVIGATION LINKS //

.header-nav-wrapper a {
    background-image: none !important;
}

// REMOVE UNDERLINE ACTIVE LINKS ON FULL WEBSITE //

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

This quick and straightforward CSS hack will keep your audience guessing, and add a touch of uniqueness to your site.

KEY TOPICS

ADD THE CUSTOM CSS CODE