WordPress.org

Ready to get started?Download WordPress

Forums

change color of chosen tab in navcontainer (6 posts)

  1. rragas
    Member
    Posted 8 years ago #

    It must be really simple, but I don't know it:
    how to change the color of the chosen tab in navcontainer?
    The strange thing is: when you choose 'home' the color turns to orange (just what i wanted), but when I choose another tab, it won't...

    Thanks for your help,

    http://www.roefragas.com

  2. rragas
    Member
    Posted 8 years ago #

    I guess something is wrong in here, but what:

    /******** Begin Navigation ********/

    #navcontainer {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 10px;
    margin: 2;
    }

    #navcontainer ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #d0cdd6;
    color: White;
    float: left;
    width: 100%;
    font-family: tahoma, verdana, sans-serif;
    }

    #navcontainer ul li {
    display: inline;
    text-align: left;
    }

    #navcontainer ul li a {
    padding: 0.2em 1em;
    background-color: #d0cdd6;
    color: #463b59;
    text-decoration: none;
    float: left;
    border-right: 1px solid #E3DFBF;
    }

    #navcontainer ul li a:hover {
    background-color: #e69e6c;
    color: #93425A;
    }

    #navcontainer ul li a.selected {
    background-color: #e69e6c;

    color: #93425A;
    }

    /*current Link*/
    #navcontainer ul li a#current,
    #navcontainer ul li a#current:link,
    #navcontainer ul li a#current:visited {
    background-color: #e69e6c;
    color: #93425A;
    font-weight: bold;
    }

    /******** End Navigation ********/

  3. RobertMcClelland
    Member
    Posted 8 years ago #

    Delete the "a" that's before the ".selected" in this line of code.

    #navcontainer ul li a.selected {
    background-color: #e69e6c;
    color: #93425A;
    }

  4. moshu
    Member
    Posted 8 years ago #

    Maybe this can help
    Dynamic_Menu_Highlighting

  5. rragas
    Member
    Posted 8 years ago #

    Thx Robert, deleted the "a" in that section of of the style.css, so now I have:

    #navcontainer ul li .selected {
    background-color: #e69e6c;
    color: #93425A;
    }

    but that doesn't change anything I'm afraid

  6. rragas
    Member
    Posted 8 years ago #

    Thx Moshu,
    But I have the feeling I'm almost there with the code I already have:
    color changes when I hover over the button, it changes shortly when I click it, but then it goes back to gray (in my case).
    But thanks for the link anyway, will go there to have a peek.

Topic Closed

This topic has been closed to new replies.

About this Topic