background image for the Page Menu Bar
 

Hi

I'm using Atahualpa 3.4.9 with wordpresmu.

I was in the option «Varios Content items», then «Add html/css inserts» and finally «Css inserts».
I've added this code :

div#menu1 {
background: url(/xxxx.com/wp-content/themes/atahualpa/images/menu_image.jpg) ;
}

It works partially, The background color hover is ok.
The menu page items have the color background that i've sent in «Page Menu Bar» / «Background color». How can i force to take my image as background for the page menu bar?


Thanks.

you need to play with it. The menu css is the most complicated in the page, it's over 400 lines of code. But you can muddle thru. do a forum search on 'juggledad menu cheat sheet' and put the code in your css so you can see what effects what.

Hi Shirley,

If you follow Juggledad's layout in the cheat sheet you should see the changes in your menu and can reverse engineer it from there. One of the things I had to make sure I included in each line of code was the "!important" function. Without it, the changes I made wouldn't show.