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.

 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Free Travel Budget Spreadsheet

Next
Next

How to Edit the Footer Text Size and Color on Your Squarespace Website