Jump to content

SACKETT TEMPLATE - Trying to change navigation/social icon links only on certain pages

Recommended Posts

Site URL: https://www.kellyfaria.com/book-a-consultation

Hi! I am trying to change the nav link colours/social icons in the header for certain pages but for some reason with Sackett's template I can't do that. I'm not sure if I'm not looking in the right place because even if I change the colour profile it only applies it to the mobile version and not desktop. These are the sorts of pages I want to change the nav link/social icon colours for and I'd want them to be black: 


For all Project pages under UX Design, Industrial Design, and Content Creation. An example of it is here: 


Privacy Policy: 


Terms of Use: 


If someone can help me figure this out that would be awesome!



Screen Shot 2021-11-28 at 8.23.30 PM.png

Screen Shot 2021-11-28 at 8.37.03 PM.png

Link to comment
  • Replies 4
  • Views 395
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

If you use a Business Plan or higher, add this code to page Header (Page where you want to change colors).

  header#header svg {
    fill: black;
  .header-nav-item a, .header-menu-nav-item a {
    color: black !important;

If you use Personal Plan, let me know. We will give another code


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.