change active nav link color?

Community Forums Forums Design Tips and Tricks change active nav link color?

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  fotodog13 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #19672

    fotodog13
    Participant
    Post count: 50

    Hi All,

    I am looking for a little bit of css help styling the navigation on the Metric theme.

    I want to change the color of the link color on the active page so it is different than the other navigation items.

    Right now when you click on the link it goes from white to red on the hover- then when active back to white. (#ffffff to #FF0000)

    I would like the active link to be #370801

    I tried a variety of things but just can’t seem to get any to work- any help greatly appreciated- thinking (hopefully ) its just something simple I am screwing up.

    thanks

    Using the latest version of wordpress, genesis and metric themeheres the site url

    http://butcher-boys.com/build

     

    • This topic was modified 1 year, 2 months ago by  fotodog13.
    • This topic was modified 1 year, 2 months ago by  fotodog13.
    #19700

    Peter
    Participant
    Post count: 76

    Try adding this to your style.css file at about line 440, just after the other CSS code for .current-menu-item ..etc;

    #header ul.menu li.current_page_item a,
    #header ul.menu li.current-cat a,
    #header ul.menu li.current-menu-item a {color:#370801;}

    Website: petercoughlin.com
    Twitter: petercoughlin

    #19706

    fotodog13
    Participant
    Post count: 50

    Hi Peter,

    Thanks for the reply – got it to do what I was hoping for :)

     

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

You must be logged in to reply to this topic.