Simple Tips To Level Up Your Squarespace Website

In this video I show you some simple tips & tricks that I find myself doing on almost every website I work on as a professional Squarespace web designer, including how to make the header links look better, how to style the footer links and remove the underline in text links, and how to add more visual interest and personality to your website.

This is not meant to be a detailed and thorough tutorial, this is assuming you already know your way around Squarespace. For Squarespace beginners struggling to follow along, I'd recommend checking out some of my other videos on how to use Squarespace.

Code Snippets:

/** remove underline from all text links **/
a {
  text-decoration: none !important;
}

/** style text links in the footer **/
footer a {
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  font-weight: 600;
}

/** change text style when hovering over links **/
a:hover {
  opacity: 0.6;
  font-style: italic;
}

/* change bullet points to arrows (replace the arrow with whatever symbol you want) */
ul[data-rte-list] li>*:first-child::before {
  content: "→" !important;
}

---

I hope you found that helpful! If you did and want to say thanks, consider buying me a coffee ☕️