Nav Background Colour on Inactive Pages won't Change

[maxquinn 0]

Hi, I've been trying all sorts of CSS in order to change the background colour on the navigation of http://www.allelements.co.uk/wordpress/ and it won't change at all. The active page is fine. When I set it to non drop down, it's correct, but as soon as I change it to drop down it goes to the dark grey. Any ideas how I change this? Thanks, Max.

[catrina 103]

The drop down background is separate from the menu background, so you'll need to change it separately using a different CSS selector. Are you using Firebug to inspect and create the CSS?

[maxquinn 0]

Hi Catrina thanks for the help. Yes I am using Firebug, but still can't find any way to change it at all. Since using Firebug I've managed to change everything easily enough but this one's just baffling me.

[catrina 103]

Sorry, I misunderstand your issue the first time. To change the dark grey color, you'll need this: [code]li.page_item {background-color: #XXXXXX;}[/code] Change XXXXXX to the hex code for the color you want.

[maxquinn 0]

Perfect thanks! That did the trick, did you manage to find that tag using firebug?

[catrina 103]

Yes, you need to inspect the non-active page menu item (any item that isn't being currently viewed) and use the selector for the

(the link item) to change its background color: [img]http://i.imgur.com/Df7Tk.png[/img]

[maxquinn 0]

Nice one, cheers!