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: 

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

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

https://www.kellyfaria.com/ux-ui-design/malty-and-hoppy-delicacy-website

Privacy Policy: 

https://www.kellyfaria.com/privacy-policy

Terms of Use: 

https://www.kellyfaria.com/terms-conditions

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
  • 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).

<style>
  header#header svg {
    fill: black;
}
  .header-nav-item a, .header-menu-nav-item a {
    color: black !important;
}
</style>

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

image.thumb.png.4ea704a536baf11405cff78d6207874e.png

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.