Hi folks,

I've been trying this all day... just doesn't work.

Theme is just what I need for my project but when it comes to highlight current page menu link - style.css wouldn't apply changes that I want and I don't understand why.

This is the code from style.css:

/* ----- Navigation ----- */

#nav {
float: left;
padding: 0 0 20px 13px;
margin: 0;
}

#navinner {
float: left;
width: 901px;
height: 41px;
background: #A9CE9B;
border-top: 2px solid #87BA74;
border-bottom: 2px solid #87BA74;
}

#nav ul {
margin: 0;
padding: 0 0 0 10px;
list-style: none;

}

#nav li {
float: left;
margin: 0;
padding: 0 50px 0 0;
}

#nav li a {
float: left;
text-align: center;
margin: 5px 0 0 0;
padding: 4px 12px;
font-weight: bold;
border-bottom: 2px solid #A9CE9B;
border-right: 2px solid #A9CE9B;

}

#nav li a:hover {
border-bottom: 2px solid #6CAB54;
border-right: 2px solid #6CAB54;

}

#nav li a.active {
border-bottom: 2px solid #6CAB54;
border-right: 2px solid #6CAB54;
}

________________________________________

Now, how do I make my current page menu link to change color when you're actually on that page?

Any suggestion would be highly appreciated!