[SOLVED] change color of mega menu

where can i change the background of the main menu in mega menu style...
i got it changed where the text is, but the space AFTER the menupoints still remains grey...

also i would like to know where to change the block around the text when highlighting a menu point,

and same goes for sub menu, need another color aswell...

and last but not least i want to change the seperator from grey to white..

i did a little explanation to make it easier to understand what i want



link: www.wessels-dental.dk

hi

where can i change the background of the main menu in mega menu style...
i got it changed where the text is, but the space AFTER the menupoints still remains grey...

template.css (maybe line 82)

Code: Select all

#gk-nav {

background:#979189 none repeat scroll 0 0;
margin:0 0 10px;
}

also i would like to know where to change the block around the text when highlighting a menu point,

gk_stuff.css (maybe line 40)

Code: Select all

#gk-nav ul.level0 > li > a:hover, #gk-nav ul.level0 > li:hover > a, #gk-nav #gk-cssmenu > li > a:hover, #gk-nav #gk-cssmenu > li:hover > a, #gk-nav #gk-splitmenu > ul > li > a:hover,  #gk-nav #gk-splitmenu > ul > li.active > a:hover, #gk-nav #gk-splitmenu > ul > li.active > a, #gk-nav #gksdl-mainnav > ul > li.active > a:hover, #gk-nav #gksdl-mainnav > ul > li.active > a {
-moz-box-shadow:1px 1px 1px #504A42;
background:#979189 none repeat scroll 0 0;
display:block;
height:20px;
line-height:20px;

and last but not least i want to change the seperator from grey to white..

gk_stuff.css (maybe 28)

Code: Select all

#gk-nav ul.level0 > li, #gk-nav #gk-cssmenu > li, #gk-nav #gk-splitmenu > ul > li, #gk-nav #gksdl-mainnav > ul > li {
border-left:1px solid #888178;
height:20px;
line-height:20px;
margin:10px 0;
padding:0 11px;
}

thanks for the quick reply.. all worked exept the first - gk-nav... i tried changing the colorcode to: #FF0000, and when i refresh the page i can see the red color in a split second underneath the logo.png... but not in the other end..


EDIT - i saw in line : 23 of gk_stuff.cs a line called #gk-nav .gk-megamenu { background:#6c6459; }

changing this gave the right effect...

thanks it now looks exactly like i want it

Hi

Here's one example:

Code: Select all

#gk-nav ul.level0>li>div.childcontent,
#gk-nav ul.level0>li li div.childcontent {background: #000!important}
#gk-nav div.childcontent ul li {border-top:1px solid #333!important;}
#gk-nav ul.level0>li .mega {background:#000!important}


Cheers