Does anyone know how to customize the current link in the nav menu? My CSS looks like this:
#nav_main {
width:100%;
float:left;
border-bottom: 1px solid #dddddd;
margin-bottom: 20px;
}
#nav_main ul, #nav_main ul li {
width:auto;
margin:0px;
padding:0px;
display:inline;
}
#nav_main a, #nav_main a:visited {
display:block;
float:left;
padding:5px 15px 5px 15px;
text-decoration:none;
background-color:#c5df9b;
color:#00733b;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
border-left: 1px solid #dddddd;
}
#nav_main a:hover {
background-color: #ff9640; /*#ecbdd0; pink*/
color: white; /* dark green #00733b; */
font-weight: bold;
font-size: 11px;
}
#nav_main a:current {
background-color: red;
}
In the above code, I want the current link to have a red background but it doesn't seem to work. Any suggestions? Thanks!