Jump to content

Change Nav Button Colour

Go to solution Solved by Lesum,

Recommended Posts

  • Replies 3
  • Views 263
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

@Craigers Hi! Header navigation button is also a primary button.

If you want to customize the header navigation button color, you can add this code under Custom CSS. You can change the hex color code in the code:

// change header btton color
#header .header-actions-action .btn {
background-color: #fffef7 !important;
color: #212e21 !important;
}

// change header button color on mouse hover
#header .header-actions-action .btn:hover {
background-color: #212e21 !important;
color: #fffef7 !important;
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
16 minutes ago, Lesum said:

@Craigers Hi! Header navigation button is also a primary button.

If you want to customize the header navigation button color, you can add this code under Custom CSS. You can change the hex color code in the code:

// change header btton color
#header .header-actions-action .btn {
background-color: #fffef7 !important;
color: #212e21 !important;
}

// change header button color on mouse hover
#header .header-actions-action .btn:hover {
background-color: #212e21 !important;
color: #fffef7 !important;
}

Amazing, thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.