How to Remove Underlined Page Links in Footer - Squarespace 7.1?
You still want to keep the underlined hyperlinks for your main pages and blog. But those underlined footer hyperlinks simply must go!
In this tutorial, I'll show you step by step how you can specifically remove the hyperlink underline JUST for the footer.
*UPDATED March 15, 2021: Squarespace changed their code format for links so many of the previous codes that targeted the removal of underline hyperlinks started re-appearing again! So in this blog post, I’ll share with you the codes that will cover you for both scenarios - in case they change their minds again in the future ;)
If you want website leads on autopilot, feel free to check our masterclass
. . .
1. Go to Design > Custom CSS > Copy & paste this code…
footer .sqs-block-html a { background-image: none !important; background-repeat: no-repeat !important; text-decoration: none !important; }
What this is saying is: in the footer, all the hyperlinks (a) within text blocks (.sqs-block-html) will be effected by the following code.
2. Hit Save and refresh the page
Make sure you’re refreshing the page of your actual website, not the Squarespace config backend.
3. Removing hyperlink underline throughout the whole website
If you want to get rid of the hyperlink underline altogether (ie. throughout your entire website), then just copy and paste this code:
.sqs-block-html a { background-image: none !important; background-repeat: no-repeat !important; text-decoration: none !important; }
Try it out and let me know how you went! If you have any questions, comment below or slide in my DMs @arohavisuals.
