Music Template

I can I change the main menu horizontal color?
what is the "position" of the amin menu horizontal on top?

Hi.
To change main menu color you need to edit some code:
in music / templates / gk_music / css / style1.css

Code: Select all

 #gkMainMenu > div > ul { background: /your color/; }
#gkMainMenu > div > ul > li { border-right-color: /your color/; }
#gkMainMenu > div > ul > li:focus { background: /your color/; }
#gkMainMenu > div > ul > li > a { text-shadow: 0 -1px 0 /your color/; border-right-color: /your color/; }
#gkMainMenu > div > ul > li.active { background: /your color/; }
#gkMainMenu > div > ul div.childcontent-inner-wrap { background: /your color/; border-color: /your color/; border-top-color: /your color/;}
#gkMainMenu > div > ul div.childcontent-inner-wrap div.childcontent-inner-wrap { border-top-color: /your color/; }
#gkMainMenu > div > ul div.childcontent li { border-top-color: /your color/; }
#gkMainMenu > div > ul div.childcontent li > span:hover > span { background: /your color/; }
#gkMainMenu > div > ul div.childcontent .group-title .menu-title { text-shadow: 0 -1px 0 /your color/;}
#gkSubmenu ul li li { border-top-color: /your color/; }
#gkSubmenu ul li li > a:hover > span { color: #fff!important; line-height: 32px; background: /your color/; }
#gkSubmenu ul li ul ul ul { background: /your color/; border-color: /your color/; border-top-color: /your color/; }
#gkSubmenu ul li ul ul ul { border-top-color: /your color/; }

and in music / templates / gk_music / css / menu.css

Code: Select all

#gkMainMenu > div > ul {  height: 42px; background: /your color/; }
#gkMainMenu > div > ul > li { height: 42px; border-right: 1px solid /your color/; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; transition: background 0.3s linear; text-indent: -1px; }
#gkMainMenu > div > ul > li:focus { background: /your color/; }
#gkMainMenu > div > ul > li > a { padding: 0 18px; display: block; height: 42px; line-height:45px; font-size: 18px; text-transform: uppercase; color: #f6f6f6; text-shadow: 0 -1px 0 /your color/; border-right: 1px solid /your color/; }
#gkMainMenu > div > ul > li.active { background: /your color/; }
#gkMainMenu > div > ul div.childcontent-inner-wrap { background: /your color/; border: 1px solid /your color/; border-top-color: /your color/;}
#gkMainMenu > div > ul div.childcontent-inner-wrap div.childcontent-inner-wrap { border-top-color: /your color/; }
#gkMainMenu > div > ul div.childcontent li {  margin: 0 10px; padding: 4px 0; min-height: 32px;  border-top: 1px solid /your color/; text-indent: 5px;  }
#gkMainMenu > div > ul div.childcontent li > span:hover > span { color: #fff!important; background: /your color/; }
{ font-size: 17px; line-height: 22px; display: block; color: #fff; text-shadow: 0 -1px 0 /your color/; }

I checked it all and it works for me.