Try adding #nav_549633 li a to your .selected css to become #nav_549633 li.selected a {color: green;} to ensure you target the specific a link.  In your css above the green is applied to the li tag and is then replaced by the more specific #nav_549633 li a declaration which puts it white again.

Steve

Hi there,

I want three things to change in my dynamic menu, it's all retalted so i thought i post them here:

1. I want to change the color from the selected item. The link which you have chosen. I work with submenu's and the solution provided here chages the color of all my submenu-items.
2. Is there a way to change the color of the submenu-item arrows?
3. Is it possible to change only the color from my root items?

Thank for all the help.

Hi Mario,

Here's the link to my site:

http://grootaartseuronics.businesscatalyst.com/index.html

I have found a solution myself for 2 of the 3 questions i had:

I have deleted/changed this div: #nav_1371057 li li

And created a few new ones:

#nav_1371057 li li a, #nav_1371057 li li a:visited (To control the link en visited link colors in the sub-menu other than the root-menu)

#nav_1371057 li li a:hover (to control the hover in the sub-menu other than the root-menu if nessesary)

#nav_1371057 li li.selected a (to control the selected link and let the link change color or bolder like in my case)

Here are the CSS styles I used:

#nav_1371057 li li.selected a { /*Dit veranderd de dikte (bold) van de geselecteerde link in het submenu, dus de pagina waar je bent*/
font-weight:bolder;
}

#nav_1371057 li li a, #nav_1371057 li li a:visited{
background:  #006;
color:#ffffff;
}

#nav_1371057 li li a:hover{
background:  #999;
color:#ffffff;
}

Only thing i can't figure out is how I can change/control the color of the arrow which is black now. And i want to make it blue.

Thanks,

Frank

Hi Mario,

Yes i use the selected state to make the selected link bolder.

Is there a way to change the color of the arrows?

Thank,

Frank