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

  • Author
    Posts
  • #1366603

    amsteloost
    Member

    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.

    #1366742

    mrdirby
    Member

    Look for a:active in your css.

    #1366755

    amsteloost
    Member

    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

    #1366760

    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;
    }
    #1366766

    amsteloost
    Member

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

    #1366771

    You are welcome. Your site is looking great.

The topic ‘Changing colour of active link in top nav bar in Oxygen theme?’ is closed to new replies.