Change main menu color and main menu dropdown color

Hello:

I need some help with changing the background color of main menu and drop down color of the menu. I'm using Game magazine template. Currently it's black and I'd like to change it to something else.
Please let me know how to change this.

Thank you.

Please edit: /templates/gk_gamemagazine/css/override.css and add at its end:

Code: Select all

#gkMainMenu {background: #010203}


will change bg color,

Code: Select all

#gkMainMenu > div > ul > li.active {background: #101010;}


will change active menu item background color,

Code: Select all

#gkMainMenu > div > ul > li:hover, #gkMainMenu > div > ul > li:active, #gkMainMenu > div > ul > li:focus {background: #101010;}


will change the hover bg color,

Code: Select all

#gkMainMenu > div > ul div.childcontent-inner-wrap {background: #101010;border: 1px solid #222;}


will change color of dropdown and border around it.

Remember to enable "CSS override" in template settings - advanced section.