Need help? Check out our Support site, then


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

  1. 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 amsteloost.com.

  2. Look for a:active in your css.

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

  4. 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;
    }
  5. You probably know this already, but: it worked! Thanks!

  6. You are welcome. Your site is looking great.

Topic Closed

This topic has been closed to new replies.

About this Topic