Joomla Templates Club 406,261 posts

[kpanchoo Friend kpanchooJoin date: August 2006Posts: 33Downloads:0Uploads:0 Thanks: 2]

#162104

Hi,

I’d like to change the highlight colour on the main menu, its currtenly dark grey, i’d like to try something else, how would i go about doing this– which file do i edit to change the css color (hopefully thats all it takes )

thanks,
K

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#383996

Do you wish to refer to active (when the menu item is on) or hover (when the menu item is focussed on) menu item?

[kpanchoo Friend kpanchooJoin date: August 2006Posts: 33Downloads:0Uploads:0 Thanks: 2]

#384107

both actually

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#384216

Dear kpanchoo,

You open the file of templates/ja_community_plus/css/menu/mega.css and try as following
1) For active,Look for this css
.ja-megamenu ul.level0 li.mega a.mega.active {
background: url(“../../images/grad-01.png”) repeat-x scroll left top transparent;
border: 0 none;
color: #FBCC93;
margin: 0;
padding: 15px 20px;
}
You can change the color and the background color as well here.
2)For hover,Look for this css
.ja-megamenu ul.level0 li.mega a.mega.over {
background: url(“../../images/grad-03.gif”) repeat-x scroll left bottom transparent;
border-color: #938781 #938781 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
margin: 0 -1px;
padding-top: 14px;
}

And also make changes as you want.

1 user says Thank You to Sherlock for this useful post

1. kpanchoo

[Author]

Posts