background-image in main menu

Hi

Where can I remove the background-color in Main menu and replace it with an image instead. 

Would like to have it something like.

div.sys_main_menu { background-image:url('menubg.gif'); background-repeat:repeat-x;}

but it doesn't work

Thanks in advance

 I am sure it is controlled by the associated CSS. I think it is top_menu.css

Hi

Thanks.

I've tried to put in the code there but it wont work. I can change the background color in top_menu.css but there seemes to be some kind of broken link when I try with the image. Probably there is somewhere which is overriding background image in top_menu.css

Anyone please

It's not working for me either.  The css after updating is this:

You might want to read this post I made about the upcoming "Site Customizer" module coming in the next release.

http://www.boonex.com/forums/topic/Site-Customizer-a-new-BoonEx-module.htm

You can use it now if you know how to install it.

It does not work with third party templates, only the default templates UNI and ALT.

Nooooo....cuz I am doing this on a third party template - one that is responsive. 

 
The way you specified the image url, it is expecting to find that image in the the templates main folder.

Edit templates/base/css/top_menu.css

You will find that class at the top of the file.

Add this to that div.sys_main_menu { section

    background-image: url(../images/menubg.gif);
    background-repeat: repeat-x;

Then put your image in the templates/base/images/ folder

Replace all occurances of base with your actual template name if your running a custom template.

Mine are like that and it doesn't work....besides, it seems to do that to every background command, for example I added this:

nav {
    background: none;
}

and looking at it in firebug i see this:

add on firebug or use the inspect element in your browser so you can see and play with the changes and know for sure what is controlling what; sometimes a class or id is overridden by another.