How to change the top navigation button colour Squarespace 7.1

Squarespace 7.1TutorialsSquarespace 7.0
Written By Primitus Consultancy

This tutorial will guide you through the process of changing the color of the button in the top navigation on your Squarespace 7.1 website. By following the steps provided, you'll be able to customize the button's color 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. paste the code into the Custom CSS editor box.

You can then adjust the color, border-color and background-color 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