Changing colour of active link in top nav bar in Oxygen theme?

• 

  amsteloost · Member · Jul 26, 2013 at 7:30 am

  • Copy link
  • Add topic to favorites

  In my top nav bar, the colour of the link of an active page on the first line nav becomes grey. For lower level navigation (sub categories) it becomes black. I would like this to be consistent throughout (grey/grey), but can’t seem to do it. These are my properties right now:

  .main-navigation ul li a {
  text-transform: none;
  }
  .main-navigation ul li a:hover {
  color: #999999;
  }
  .main-navigation li li a {
  color: #446B91;
  }
  .main-navigation li li a:hover {
  color: #999999;
  }

  How should I change this?
  Any help greatly appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  mrdirby · Member · Jul 26, 2013 at 8:07 pm

  • Copy link

  Look for a:active in your css.

• 

  amsteloost · Member · Jul 27, 2013 at 5:24 am

  • Copy link

  Thanks. Unfortunately that in itself doesn’t seem to be enough. And when I made of part of the main navigation CSS (through main-navigation li li a:active) it did not work.

  Any smart suggestions still?

  Thanks

• 

  thesacredpath · Member · Jul 27, 2013 at 6:33 pm

  • Copy link

  This should do it for you. I used a red color so you can see the change more easily, and then you can change it to the #AAAAAA color code after you are sure it works.

  .main-navigation li.current_page_item li a:hover, .main-navigation li.current-menu-item li a:hover, .main-navigation li li.current_page_item a, .main-navigation li li.current-menu-item a {
      color: #CC0000;
  }

• 

  amsteloost · Member · Jul 28, 2013 at 10:52 am

  • Copy link

  You probably know this already, but: it worked! Thanks!

• 

  thesacredpath · Member · Jul 28, 2013 at 4:44 pm

  • Copy link

  You are welcome. Your site is looking great.