Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change hover color PER link.


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!!!

Edited by RJTimmermans95
Initial Revision

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

@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;

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...