Joomla Templates Club 406,261 posts

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#164214

hello,
usually I’d use my firebug and change some colours myself – but you surely know that t3 is not firebug’s best friend :laugh:

so here’s my question:
I’m using the light-blue theme and want to change the split menu.
right now it’s light blue and when active it get’s a shadow.
I want the whole menu to be in a dark blue and when I go over with mouse or an item is select it should be yellow.
please instruct me how to get this – thanks.

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#392099

Hello,

Can you provide your website url to changing split menu colours.

[augengott Friend augengottJoin date: September 2010Posts: 85Downloads:0Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#392150

hello,
it’s only on localhost – but I think you don’t an url – here’s your demo:
http://www.joomlart.com/demo/#templates.joomlart.com/ja_community_plus

I want to change the main navigation bar (in the demo default is black) home-discussion board-mission&staff and so on..
new colour should be dark blue – when going over with mouse or slecting an item it should be yellow – that’s it 😉

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#392190

Hello,

To change the main navigation bar (in the demo default is black) home-discussion board-mission&staff to the new color dak blue
you need to goto :-
ja_community_plus/t3-assets/css3079b.css Find this code at line no. 59

#ja-mainnav .main {
background: url(“/ja_community_plus/templates/ja_community_plus/images/topsl-bg.gif”) repeat-x scroll left top transparent;
}

Change to
#ja-mainnav .main {
background: none repeat scroll 0 0 #0000A0;
}

To change when going over with mouse or slecting an item it should be yellow

you need to goto :-

ja_community_plus/t3-assets/css3079b.css Find this code at line no. 65

.ja-megamenu ul.level0 li.mega a.mega.over {

background: url(“/ja_community_plus/templates/ja_community_plus/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;
}

Change to
.ja-megamenu ul.level0 li.mega a.mega.over {
background: none repeat scroll 0 0 #FFFF00;
border-color: #938781 #938781 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
margin: 0 -1px;
padding-top: 14px;
}

1 user says Thank You to pritam for this useful post

1. thangnn1510

[Author]

Posts