Footers

How do I change the footer link color in Squarespace?

Footer links in Squarespace 7.1 inherit from the section's color theme. Override them with a direct CSS rule on #footer a to set both the default and hover colors.

Don't forget to style the hover state — it gives users clear feedback that links are clickable. A subtle color shift or underline works well.

#footer a {
  color: #a8dadc !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

#footer a:hover {
  color: #f1faee !important;
  text-decoration: underline;
}

/* Style footer nav links specifically */
#footer .footer-nav-item a {
  color: #a8dadc !important;
}

#footer .footer-nav-item a:hover {
  color: #ffffff !important;
}

Design your footer links with our Footer Layout toolTry it free →

Related Questions

How do I remove 'Powered by Squarespace' from the footer?

How do I change the footer background color in Squarespace?

How do I center all the content in my Squarespace footer?

How do I style the social media icons in the Squarespace footer?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Talk to Long Drive Marketing →