current_page_item not changing link text colour

  • Unknown's avatar
    animalraw · Member ·

    Hello All,

    I’ve been googling this for a few hours and keep drawing a blank no matter what I try – so I’m wondering if someone will be able to help me!

    I’m working on using WP as a CMS and want to style my navigation links to be white when the user is on that page.

    Here is what I’ve got so far: http://www.animalwebdesigns.co.uk/wordpress/

    As you can see, I’ve got the navigation set up so that when you hover over the link it changes to white. What I can’t seem to get is the link text color changed to white when you are on the specific page. By using the .current_page_item class in my style.css I can get the backgound changed, or like I currently have – the correct link underlined. I just seem at a complete loss as to changing the text itself to white.

    Is it a simple line I am missing? Have I styled the nav list wrong? Here is the css that makes it does what it’s currently showing:


    #header_nav a, #header_nav a:visited {
    color: #4D4D4D;
    text-decoration: none;
    font-size: 9px;
    font-family:Tahoma, Geneva, sans-serif;
    }

    #header_nav a:hover{
    color: #fff;
    }

    .current_page_item{
    color:#FFF;
    text-decoration:underline;
    }

    Anyone got any clues?
    Thanks in advance,
    Adam

  • Unknown's avatar
    sambauers · Member ·

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for WordPress.com hosted blogs only. If you have a self-hosted WordPress blog you need to seek help at the WordPress.org forums, not here.

    If you don’t understand the difference, you may find this information helpful.

  • The topic ‘current_page_item not changing link text colour’ is closed to new replies.