Change a Link Color on a Specific Page of Your Squarespace Site

Original post:
ajmexperience....
For more CSS code to enhance your website designs, check out the rest of the learn series:
ajmexperience....
Get our free CSS Selector Cheat Sheet:
www.ajmexperie...
Get our full CSS Library:
www.ajmexperie...
------
HERE'S THE CODE:
Tip! You need to replace the collection ID, the number between the parenthesis, and the color code. Remember you can also add other properties (like font size). See the video above for more info.
#COLLECTION-ID .header-nav-item:nth-child(2) a {
color: #7cccbd !important; }
Want to change the color of one nav link across your entire Squarespace site? Easy! Just remove the collection ID. Check out our earlier post on this to get more tips & tricks →
.header-nav-item:nth-child(2) a {
color: #7cccbd !important; }
------
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: www.ajmexperie...
☕️ Buy me a coffee: www.buymeacoff...
Thanks for watching and hope you learned something. My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.