How to change the top navigation button colour on Squarespace 7.1

Squarespace 7.1TutorialsSquarespace 7.0
Written By Primitus Consultancy

This tutorial will guide you through the process of changing the colour of the button in the top navigation on your Squarespace 7.1 website. By following the steps provided, you will be able to customise the colour of the button to align with your desired visual style and enhance the overall appearance of your Squarespace website.

Complexity: Easy

Step 1: Use this code below.

.header-actions .btn {
color: #fff !important;
border-color: #203152 !important;
background-color: #203152 !important;
}

Step 2: From your Squarespace account, go to the Custom CSS Editor and paste the code into the Custom CSS editor box.

You can then adjust the colour, border-colour and background-colour values to your liking.

See other related blog posts

Featured
side-bar-logo.png
Plugins-Button.jpg
Templates-Button.jpg
SEO-Button.jpg
11help-Button.jpg
 
Home Blog
Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous

How to create 5 equal width column blocks on one row
Next

How to add a Before After Image Slider on Squarespace 7.0