How to change the main menu background

How can I change the background of main menu?



I'll try to change this black bg with another one? But how?

Thanks!

Hello,

Please add the following CSS code in any CSS file:

Code: Select all

#gkPageTop.dark,
#gkMainMenu,
#gkMainMenu > div > ul {
background: YOUR_COLOR!important;
}

Thanks for instant helping dziudek!
If i want to replace the typical 'color' with an image with standards dimensions?

Then please use the background-image property instead of background.

Like this?

Code: Select all

#gkPageTop.dark,
#gkMainMenu,
#gkMainMenu > div > ul {
background: background-image:url('test.png');!important;
}

Please try to use like this:

Code: Select all

#gkPageTop.dark {
background-image:url('test.png')!important;
}
#gkMainMenu,
#gkMainMenu > div > ul {
background: transparent!important;
}


And something last! Which CSS file is best for this change?

The best one in my opinion is the override.css file - please remember to enable this file in the advanced settings of the template.