Solid Black Nav menu

[Adam Chetty]

Hi Bill, I’m trying to make my Navigation menu a solid black instead of the current transparent look. Going for a more 2 dimensional style.

http://testsite.noflockingbirds.com/

What do you think of the site – any advice? I think its look pretty tidy so far.

cheers,

Adam

[Bill Robbins]

You can do that. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #nav-bar,
   .ie7 #nav-bar,
   .ie8 #nav-bar {
        background-image: none;
        background-color: #000;
   }
   

3. Update your settings.

You're site's really looking good too. Nice work...I think they'll like it.

[Adam Chetty]

Thanks Bill, I like the site also, Needs a bit of polishing but look pretty good so far.

I tried that code but it didnt seem to do the trick:

#nav-bar,
.ie7 #nav-bar,
.ie8 #nav-bar {
background-image: none;
background-color: #000;
}

it still shows up as transparent.. I must be missing something?

http://testsite.noflockingbirds.com/

[Adam Chetty]

further to that, I’m hoping to get a black nav bar for all pages, not just the home page.

Thanks Bill!

[Bill Robbins]

I took a quick look and it appears that one of the styles in the Custom CSS box is missing its closing bracket. Find this spot:

			.footer-right img {
	display: none;

and add a } after the display: none; and see if that won’t fix things for you. If you run into trouble, let me know.

[Adam Chetty]

Doh! Yup that fixed it, Thank you Bill!

[Bill Robbins]

Anytime Adam!

[Author]

Posts