Joomla Templates Club 406,261 posts

[halter Friend halterJoin date: March 2009Posts: 3Downloads:0Uploads:0]

#140171

I love the Wistery template but HOW do I change the color of the top-menu? Help!
Thanx

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#301013

I’m assuming by the “top-menu” you are meaning the main navigation menu items (green and blue).

Couple of things you have to do:

First to change the blue color on all the “UNSELECTED” menu items…
Goto template_css.css (line 921)
…and change the code below in RED to whatever color you want.


#ja-mainnavwrap {
background:#59B2C4 none repeat scroll 0 0;
}

Second, to change the color of the SELECTED menu item…the green color.
You need to do two things: first goto ja-splitmenu.css (line 62)
….and again change the color code highlighted in RED below…AND change the color of the image highlighted in GREEN below.


#ja-splitmenu li.active a, #ja-splitmenu li.active a:hover, #ja-splitmenu li.active a:active, #ja-splitmenu li.active a:focus {
background:#60B071 url(../images/mainnav-sep-hover.gif) repeat-y scroll right center;
}

It takes a little work…but not really difficult at all. If you are using Photoshop with the image…simple open it, change it to an RGB image…and then change the HUE and SATURATION to match the color you’re wanting. Then resave it as a GIF file.

Have fun.
John.

[halter Friend halterJoin date: March 2009Posts: 3Downloads:0Uploads:0]

#301031

Dear John,
thank you for your quick answer but after looking everywhere I realize I do not have ja-splitmenu.css. I do have the editor_contect.css, ie8.css, offline.css, template_css.css but where is the ja-splitmenu.css?

If you would like to take a look:
burococon.nl

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#301033

REMOVE YOUR ADMIN LOGON DETAILS NOW UNLESS YOU WANT TO BE HACKED – NEVER POST THEM ONLINE

Your ja_splitmenu.css file is in

templates>ja_wistery>ja_menus>ja_cssmenu

[Author]

Posts