Reverse Menu Font Color

Community Forums Forums Design Tips and Tricks Reverse Menu Font Color

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Robin 11 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #53208

    robhob
    Participant
    Post count: 3

    Hello

    I’ve trying to figure out how to reverse the menu font color. In other words, the white must be slate until you hover over it at which point it must turn white and the page you’re currently on must be white.

    I’ve tried firebug but haven’t been able to figure it out.

    Many thanks

    Rob

    http://kempstonautotransport.co.za/
    #53280

    Robin
    Participant
    Post count: 151

    Hey Rob,

    Here is your css that determines those colors…

    #header ul.menu li a {
    background: url(images/nav-line.png) no-repeat right;
    color: #fff;
    display: block;
    /* font-family: ‘Droid Serif’, arial, serif; */
    font-family: ‘Droid Sans’, sans-serif;
    font-size: 14px;
    padding: 13px 20px 13px 18px;
    position: relative;
    text-decoration: none;
    }

    #header ul.menu li.noline a {
    background: none;
    }

    #header ul.menu li a:hover,
    #header ul.menu li a:active,
    #header ul.menu .current_page_item a,
    #header ul.menu .current-cat a,
    #header ul.menu .current-menu-item a {
    color: #363e4c;
    }

    Just switch the two color hex codes and it should work,


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    #53373

    robhob
    Participant
    Post count: 3

    Brilliant! Thanks Robin, that was exactly what I needed.

    #54386

    Robin
    Participant
    Post count: 151

    You’re welcome, Rob!


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.