Squarespace Training: Remove Underline on Hyperlinks [Code Provided]

All the code to remove the underline from all text elements throughout your site.

// Removes underline from headings
h1 a, h2 a, h3 a, h4 a {
text-decoration: none !important;
}

// Removes underline from Paragraph 1 text
.sqsrte-large a {
text-decoration: none !important;
}

// Removes underline from all paragraph text
p a {
text-decoration: none !important;
}

// Removes underline from monospace

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

// Removes underline from footer p text
Footer p a 
text-decoration: none !important;
}

---

Remove Underline From Headings

The code below will remove the code from ALL heading styles only.

// Removes underline from headings
h1 a, h2 a, h3 a, h4 a {
text-decoration: none !important;
}

---

Remove Underline from Paragraphs

This code below will remove code from ALL paragraph styles only.

// Removes underline from all paragraph text
p a {
text-decoration: none !important;
}

This code below will remove code from Paragraph 1 & Monospace styles (that way, regular paragraph text on your site keeps the underline).

// Removes underline from Paragraph 1 text
.sqsrte-large a {
text-decoration: none !important;
}

// Removes underline from monospace
code a  {
text-decoration: none !important;
}

---

Remove Underline from Footer

And this may be the most important line of code! This code below will remove the underline on hyperlinks for any paragraph text in your footer. If you like to do it for Headings or Monospace/code text, just add the word Footer before the code (above) that targets the elements you want to adjust.

// Removes underline from footer p text
Footer p a 
text-decoration: none !important;
}