Styling the Links in the Footer of Your Squarespace Website
The footer of your website is a great spot to add links to all of the pages of your website as well as your privacy policy and terms and conditions. However, sometimes the colour of the links do not work well with the background of your footer.
Styling the links in your footer can be tricky because if you use the style editor in Squarespace you end up changing the colour of the links throughout your whole site.
The following video shows you how to edit the links in your footer so that they align with your brand without changing the colour of the links in the rest of your website. I have provided the code used in the video below.
The following code is used in the video.
.Footer-blocks--bottom a { color: red !important; } .Footer-blocks--bottom a:hover { color: blue !important; }
Note: If you would like to change the links in the middle or top footer blocks then change the word bottom to middle or top.