Simple Tips To Level Up Your Squarespace Website
Table of Contents
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;
}
Sign Up to my Email List
Get Squarespace news, tips, and answers to reader-submitted questions, delivered straight to your inbox.
If you’re stuck on something with your website or have an issue you can’t figure out, submit your question here and I might feature it in a future newsletter!
I hope you found that helpful! If you did and want to say thanks, consider buying me a coffee ☕️
