iblogpro5 background color on pulldown and hover

[WebIT 3]

Is there someone who can offer some custom css for me to change the background and hover color to black please. I need to get going on content and this navigation bar is ugly. your help is appreciated.

[catrina 103]

Try this: [code]#menu-top li.menu-item {background-color: #000 !important;} #menu-top li.menu-item a:hover {color: #fff; background-color: #000 !important;}[/code]

[WebIT 3]

I used this: [code]#menu-top li.menu-item a:hover {color: #fff; background-color: #000 !important;}[/code] and got the desired effect on hover thank you! Now I'd like the pull-down menu to stay black also when selecting a menu item in that group.

[Danny+ 1,327]

Hi, I have provided the code below. However, I highly recommend you install FIrebug or use Chrome's web dev tool, it allows you to inspect aspects of your CSS and make changes. It will make your life so much easier! [code].main-nav li:hover, .main-nav .current-page-ancestor a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .sf-menu li li, .sf-menu li li li { background-color: black; }[/code]

[WebIT 3]

That worked great. Now the only thing that still shows white instead of black is the visited "active state" page. http://www.k95k.com/category/2012-race/2012-prizes/

[Jenny 33]

Hi @k9cardio. Have you attempted to make any of these changes yourself? We are not allowed to design your site for you. Make sure you've downloaded [url="http://www.getfirebug.com"]Firebug for Firefox[/url] and check out [url="http://www.w3schools.com/"]W3 Schools[/url] for more info. Also please be sure to watch our Firebug video tutorial [url="http://www.pagelines.com/wiki/Custom_CSS"]here[/url]. If your site requires customization, you may wish to consider requesting a quote from one of our authorized Professional designers by visiting [url="http://www.pagelines.com/pros/"]our Pros page[/url].

[WebIT 3]

I did your tutorial and isolated the problem. Here is my new code for anyone with a similar problem in iBlogPro5: [code].main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li { background: none repeat scroll 0 0 #E7E9EC; }[/code] Thank you for your efforts.

[WebIT 3]

Changed #E7E9EC to #444444