Hi,
I have some problems with styling my menu where I had used Wayfinder to display the menu.
Here is the site with the menu:
http://fedme-kirurgi.dk/forside.html.
The top horizontal menu is blue and the vertical menu is also blue (the colour is for test purpose).
What I want is to get the top horizontal menu to be the style I have set in the external .css file where the text is green.
I have made a chunk called cssplay_row:
<li>
<a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>
[+wf.wrapper+]
</li>
And another chunk called wfstyle:
<style>
.regionalstyle a:link, a:visited, a:hover, a:active{
color:#0033FF;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-decoration:none;
}
li{
margin-left:-30px;
font-size:9px;
}
ul{
list-style: none;
list-style: url(../images/regionalMenuDot.gif);
list-style-type: disc;
padding-left: -6em;
margin-top:-3px;
}
</style>
In my site template I had used this code to display the vertical menu:
[!Wayfinder? &startId=`[[UltimateParent? &topLevel=`2`]]` &level=`1` &parentClass=`hide` &innerRowTpl=`cssplay_row` &rowClass=`regionalstyle` &cssTpl=`wfstyle`!]
What is wrong since the top horizontal menu is also affected by the style from the "wfstyle" chunk?
