current active menu item

Hello, I would like te give the current active menu item a color. I'm using the menu module with the "dark" suffix and I can't seem to do this with CSS. Which line should I be looking for?

Hi,
can you give us url to your site ?

http://intellipack.hisslink.nl/
It's the left menu (Home, Over Willems, etc.)

Try add to override.css

Code: Select all

.box.dark menu li.current a {
color:#ffffff;
}


and set your own color value. Remember to enable override.css option in template settings.

This did not help unfortunatly

Change your code to this one:

Code: Select all

.box.dark .menu li.current a {
   color:#418cd0 !important;
}


will work.

Thanks!

Now the children of the current active item are also changing. How do I exclude these?

Try this code:

Code: Select all

.box.dark .menu li.current > a {
   color:#418cd0 !important;
}


That works, thank you!