Change the Color of the Navigation Bar?

[Kristen]

Just wondering if there was any css code to change the color / tint of the navigation bar? I’d like it to be dark brown or black tinted instead of gray.

[Bill Robbins]

Good Morning Kristen,

You can change the color there. 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:

   
   #navigation {
   	background-color: rgba(0,0,0,0.5);
   }
   

3. Replace the rgba(0,0,0,0.5) with the RGBA color you'd like to use there. The first three numbers set the RGB color and the 0.5 sets the opacity.
4. Update your settings.

That should change the navigation bar color for you. If you have any trouble, let me know.

Have a great week,
Bill

[Author]

Posts