I have a template with almost nothing in it apart from a Top Navigation Menu using Wayfinder.
I almost have this figured out and am amazed at how powerful WF is.
To show people which section of the site they are browsing, I am using thr
&selfClass
parameter and have called it
`iamhere`
My Wayfinder is as follows
<div id="topnav">
[!Wayfinder?startId=`0` &level=`1` &rowClass=`topnav` &selfClass=`iamhere`!]
</div>
MY problem is 2 fold.
1. Wayfinder keeps on applying a class ’active’ when I want it called ’iamhere’.
2. Assuming ’iamhere’ is working, do I have my CSS below set up correctly?
My CSS is as follows
#topnav .iamhere {
background-color:#9C0;
color: #960;
}
#topnav{
background-color: #036;
height: 52px;
}
#topnav{
font: normal 15px;
width: 700px;
font-family: "Times New Roman", Times, serif;
margin-left: auto;
margin-right: auto;
}
#topnav li{
display: inline;
}
#topnav li a{
float: left;
color: #CCC;
padding: 16px 25px; /*padding of tabs*/
text-decoration: none;
background-color:#036;
border-right: solid 1px #039;
}
#topnav li a:visited{
color: #CCC;
}
#topnav li a:hover{
color: #FFF;
background-color: #002B82;
/*background-image: url(../images/pinkbgover.gif);background image swap on hover*/
}