DIY | Library | Links
Squarespace CSS Tips for Styling Links and Hover Effects
This post focuses on adjusting your Squarespace CSS links—from default colour changes to hover effects, underlines, transitions, and more. Clean, clear link styling can make your website feel more intentional and on-brand. Below you’ll find accordion blocks filled with copy-and-paste CSS for styling all types of links in Squarespace, including navigation menus, blog links, and buttons.
I’ll continue to add to this collection as I test more solutions across projects. If you’re unsure about anything or want to see something specific added, just get in touch at sarah@foubography.com.
-
/* Change site wide for all links */
a {
text-decoration: none !important;
}/* Change for a specific block */
#BLOCKID a {
text-decoration: none !important;
}
/* Change blog category dividers END */
Related posts
Looking to customise your Squarespace site with code? This post is part of the DIY | LIBRARY —a growing collection of practical code snippets designed for Squarespace users who want to take control of their site’s design and functionality. Whether you’re tweaking your navigation, adjusting your mobile menu, or styling buttons, these copy-paste solutions are clean, reliable, and built with SEO and usability in mind. Bookmark this space for easy access to Squarespace custom code that works.