assign class to a specific menu item

[pimhd]

I would like to assign a class to the link of a specific menu item (the contact page).

I've tried to use the Extra Page Attribute for this and call it from the menu manager but i can get this only to work for the current page. Not for any other item in the menu.

So when I'm on the homepage, I want the contact page link tot look something like this

Code: Select all

<a href="contact" class="fancybox">Contact</a>

Does anyone how to achieve this?

[Wishbone]

Post your menu manager code where you're using Extra1.. We can probably figure it out.

[pimhd]

I solved it in another way which does it for me.

I used the simple_navigation menu in menu manager and added the lines

Code: Select all

{elseif $node->menutext =='Contact' }
<li><a class="fancybox" href="{$node->url}"><span>{$node->menutext}</span></a>

Ugly programming so if anyone knows a betters solution, Let me know.

[lordanthony]

I add a class to each <li> in menumanager :

Code: Select all

menu{$node->index}

You can then define styles for each node eg

Code: Select all

li.menu1{background-color:#000;

[kidcardboard]

in the menu manager template you can put the following:

Code: Select all

<a href="{$node->url}"{if $node->extra1 != ''} class="{$node->extra1}"{/if}>{$node->menutext}</a>

and then on the page under Extra 1 just put whatever class you want applied to that menu node.

You could also do:

Code: Select all

<a href="{$node->url}" id="{$node->alias}">{$node->menutext}</a>

to give that node a unique id, which might work a little better if you need to just target that single element.