Skip to content
All Answers
Typography

How do I change the link color across my Squarespace site?

Global link colors in Squarespace 7.1 are set per color theme, but you can override them with a simple CSS rule on the a tag. Target .sqs-block-content a to avoid accidentally restyling nav links and buttons.

Always set a hover color too — it signals interactivity. Avoid styling visited links a drastically different color unless you have a specific UX reason.

/* Content area links only */
.sqs-block-content a {
  color: #e63946 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.sqs-block-content a:hover {
  color: #c1121f !important;
}

/* If you want ALL links sitewide */
a {
  color: #e63946 !important;
}
Choose link colors with our Color Palette toolTry it free →

Related Questions

Typography

How do I add a custom Google Font to Squarespace?

Typography

How do I change the heading font in Squarespace with CSS?

Typography

How do I style blockquotes in Squarespace?

Typography

How do I change the body text size in Squarespace?

A little over your head?

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

Long Drive MarketingTalk to Long Drive Marketing →