Joomla Templates Club 406,261 posts

[austjamesl Friend austjameslJoin date: April 2008Posts: 11Downloads:0Uploads:1 Thanks: 3]

#167978

Hello,

In the Community Plus template using the mega menu, how can I select one menu item to always be highlighted a specific colour?

For example, I may have 5 menu options (top level) but want the ‘Contact Us’ option always highlighted in Yellow when all of the other menu items such as ‘Home’ and ‘About Us’ are Blue.

In addition to the above, how do I change the sub-menu background colour? This is the background colour when viewing sub-menus of the mega menu.

I am using v1.6 Joomla with Community Plus Template.

Thanks

James

[Trimud Friend TrimudJoin date: May 2006Posts: 245Downloads:36Uploads:11 Thanks: 8 Thanked: 55 times in 45 posts]

#409655

Hi,

Every menu link has its own ID.
Look at the demo page with firebug: http://www.joomlart.com/demo/#templates.joomlart.com/ja_community_plus
“Start walk” menu has id=”menu125″

<span class="menu-title">Start walk</span>

This way You could add for example to templates/ja_community_plus/css/menu/mega.css this code:

.ja-megamenu ul.level0 li.mega a#menu125.mega { background: red; color: white; }

The background of sub-menu is also in this CSS file or in one of the core themes You are using:

.ja-megamenu .childcontent-inner {
background: #584E48 url('/ja_community_plus/templates/ja_community_plus/images/menu-bg01.gif') repeat-x left top;
border: 1px solid #938781;
}

Regards

3 users say Thank You to Trimud for this useful post

1. TomC
2. jamjodesign
3. austjamesl

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#410363

Helped me alot, thanks

[Trimud Friend TrimudJoin date: May 2006Posts: 245Downloads:36Uploads:11 Thanks: 8 Thanked: 55 times in 45 posts]

#410369

Glad I’ve helped 🙂

[austjamesl Friend austjameslJoin date: April 2008Posts: 11Downloads:0Uploads:1 Thanks: 3]

#410450

Thanks heaps. That works perfectly well.

Note, the CSS is at: plugins/system/jat3/jat3/base-themes/default/css/menu when using community plus.

[Author]

Posts