WordPress.org

Support

Support » Themes and Templates » [Resolved] Nav Bar Link colours – CSS Help required PLEASE

[Resolved] Nav Bar Link colours – CSS Help required PLEASE

  • In need of some more help with a theme modification 🙂

    The site is: http://artbymichaelking.com/

    1) In the Navbar I would like it to have whichever nav link selected to show up as a different colour than the rest.

    I have values for ‘active’ and ‘hover’ as well as a colour for all the text in the links. But what is the CSS for the current selected link to stay a selected colour? Damn, I hope that makes sense. 🙂

    More explanation… all navbar text is white. you hover over the text and it turns green, you click and hold and text turns red. I would like it to stay red as long as the user is on that page.

    my current CSS is like this:
    Text in nav bar is white
    #nav {
    background: #f5f5f5 url(images/nav.jpg) no-repeat;
    width: 800px;
    height: 16px;
    color: #FFFFFF;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 7px 0px 7px 0px;

    }
    text turns to green on hover
    #nav a:hover {
    color: #8fbf60;
    font-weight: bold;
    text-decoration: none;
    }
    text turns to red on click
    #nav a:active{
    color: #8fbf60;
    text-decoration: none;
    }

    I cannot figure out what I need to do to make a selected page link show in a different colour.

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Nav Bar Link colours – CSS Help required PLEASE’ is closed to new replies.