Jump to content

Change hover color PER link.

Recommended Posts

Hi! So I am trying to change the hover color per link. To be more specific, if you go to my website rickytimmermans.com and hover over Photography and see the sub-categories {portrait, scenery, etc.}, I would like a different hover color per line. The CSS code I found through @Paul2009 was :

a:hover { color: white!important; background: black; }

So instead of doing black for the sub categories, I want to do other colors. Anything would help. Thank you!!!

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

@RJTimmermans95 Add to Home > Design > Custom CSS

a.Header-nav-folder-item:nth-child(1):hover {
   color: red !important;
a.Header-nav-folder-item:nth-child(2):hover {
   color: #009900 !important;
a.Header-nav-folder-item:nth-child(3):hover {
   color: green !important;
a.Header-nav-folder-item:nth-child(4):hover {
   color: #000 !important;
a.Header-nav-folder-item:nth-child(5):hover {
   color: rgb(0,0,0) !important;

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


This topic is now archived and is closed to further replies.

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