Remove lines around menu

How do I remove the lines around the menu. Is it possible to have hover buttons over menu: see images:

http://www.secbattles.com

You can use following css in override.css.

First few lines removes lines in menu. 4th adds hover color white to <li> class. 5th changes hover color of text to black.

Change colors or add images as you require.

Code: Select all

#gkMenu { background:none!important; }
#gkMainNav { background:none!important; }
div.gk-menu ul > li, div#gkDropMain ul > li { background:none!important;}
#gkTop li:hover, #gkTop li:active, #gkTop li:focus { background: #fff!important; }
#gkTop a:hover, #gkTop a:active, #gkTop a:focus { color: #000!important; }


See you around...

Thanks Norman, there is one more line that was hiding behind a image: see url: http://www.secbattles.com believe I need one more code part to remove last line, thanks

You can use following css in override.css.

First few lines removes lines in menu. 4th adds hover color white to <li> class. 5th changes hover color of text to black.

Change colors or add images as you require.

Code: Select all

#gkMenu { background:none!important; }
#gkMainNav { background:none!important; }
div.gk-menu ul > li, div#gkDropMain ul > li { background:none!important;}
#gkTop li:hover, #gkTop li:active, #gkTop li:focus { background: #fff!important; }
#gkTop a:hover, #gkTop a:active, #gkTop a:focus { color: #000!important; }


See you around...

Under "Hot News" highlighter.

Code: Select all

#gkNavBottom { background: none!important;}


Sub menu border

Code: Select all

div.childcontent div.childcontent-inner, div.gk-menu ul.level0 > li > div.childcontent div.childcontent-inner {
border: none!important
}


I can't see any other lines, using Firefox.

See you around...

Thanks Norman, worked great. site is coming along.

Under "Hot News" highlighter.

Code: Select all

#gkNavBottom { background: none!important;}


Sub menu border

Code: Select all

div.childcontent div.childcontent-inner, div.gk-menu ul.level0 > li > div.childcontent div.childcontent-inner {
border: none!important
}


I can't see any other lines, using Firefox.

See you around...

How would I change the font of the Menu Text?

How do I remove the lines around the menu. Is it possible to have hover buttons over menu: see images:

http://www.secbattles.com

See Template settings > Fonts Tab.

Remove following classes from which ever selector they are in.

Code: Select all

div.gk-menu ul > li, div#gkDropMain ul > li


If you have empty selector box add above and select your font.

See you around...