Navigation Bar Colors

[dherries 0]

I am struggling with changing the colors on the navigation bar and Firebug is not helping. I want to change the background color and text color of the navigation bar and the drop-down navigation bars as well as the hover-over bars and text colors. Any help? Site is:http://blogofthetown.com/blog/realtycolorado/

[cmunns 16]

Did you play with the design control settings?

[dherries 0]

I have tried everything. The problem is that the navigation bar settings are tied to other color settings when I change on I change others that I don't want to change.

[kastelic 6]

Whats the issue with Firebug? Have you tried any CSS rules? If so, can you paste them here?

[dherries 0]

When I find the location in Firebug there is no indication in the CSS for color. You have to understand that I am good with HTML but CSS is outside of my capabilities and PHP is not even on my radar. This system is very complex and powerful and the documentation is scant at best.

[dherries 0]

By the way another wierd thing has happened. If the Carousel is located above the Navigation bar the drop downs don't work. What is up with that?

[dherries 0]

Oops, sorry. Here are my CSS rules posting: #branding .content-pad { padding: 10px 0 10px 10px; } #primary-nav ul.sf-menu ul li a { white-space: nowrap; } .top_thumbs .fboxgraphic { margin-bottom: 5px; text-align: center; } .inline_thumbs .fboxgraphic { padding-right: 15px; padding-top: 5px; } body #primary-nav ul.sf-menu ul li{width:130%} body #primary-nav ul.sf-menu ul li a{ font-family:arial; font-color:#003366; font-size:11px} #primary-nav ul.sf-menu li a { padding: 7px 8px; } .fboxtitle{ display: none; } #carousel .content-pad { background:#cfcfcf; }

[kastelic 6]

Well #primary-nav is a good place to start. Try adding a background color to it:

#primary-nav{background:#222;}

Good CSS tuts here: http://www.w3schools.com/css/

[dherries 0]

Not only did that not work but it turned off the template formatting.

[dherries 0]

I reset the template formatting but the css you gave set the color for the background for the navigation bar and not the navigation bar itself.

[dherries 0]

How did these people get so much control over their nav bars? http://productionvideo.com.au/video-production/online-video

[catrina 103]

Try this:

#nav div.fix {background-color: #222;}

[dherries 0]

That has no effect what-so-ever. I want to control the colors of the navigation bar and the sub-navigation bar in both idle and hover-over states and the text colors in both situations.

[kastelic 6]

Open up firebug, right-click on the nav bar and click inspect. When you see all the HTML structure in the code view, click on each div one by one to view. Click on the little triangles to collapse or expand. Once you have the element you want to change clicked, look over to the CSS panel to see all the classes, ids and inherited rules that affect that element.

[dherries 0]

Thanks for the help. This system is very difficult to manage but with effort it can be controlled. How did these people incorporate the graphic elements and the hover-over behavior on their site? http://productionvideo.com.au/video-production-services/online-video Any thoughts or suggestions?

[kastelic 6]

Do you mean the navigation styles? That's all CSS.