Primary Navigation Bar

[alisamski+ 9]

Using PageLines Pro I wanted to put in a solid color bar behind the top navigation across the entire menu... and cannot locate an area to change to a background color... Please advise. http://amyrosenberglcsw.com/wp/

[kastelic 6]

Try pasting this into your custom CSS box in the "custom code" option:

	#nav_row{background:#999}
	
	

Change the #999 to the hex or supported color name of your choice :-)

[alisamski+ 9]

That worked somewhat... however, the area behind the link is the same background as the body.. I'm used to having the css in one area and modifying.. I thought I could change this in the settings.. but not. do you see what I mean?

[alisamski+ 9]

OK... added the row. #nav_row{background:#dbd1ae} I want the actual links to have the same background as the row. I want the link when hovered and active to have the background color #dba029 it seems basic.. however, I usually see all the template css in one area where I can change..

[alisamski+ 9]

I finally found the file to identify the area that needed changes... inside the superfish.css .sf menu a{background:#dbd1ae} Would I have found this with firebug?

[catrina 103]

Is your navigation menu the way you want it to be or are there still adjustments needed?

[alisamski+ 9]

Well.. the client wanted the navigation centered within the bar... I could not find a way to do that.. I am assuming the code is in the superfish css file.. and would probably need to adjust everything... they also wanted an image for the background row.. I know how to do that...however it doesn't make sense unless I move the link texts over or centered... as the nav bar would be fading to the background color on both ends.

[catrina 103]

Is this styling what you have in mind for changing the bar's background?:

{background-image: url('http://BACKGROUNDIMAGEURLHERE');}

Also, you don't need to edit the styling in the superfish CSS file. You can just add the CSS to the base.css file in the child theme...

[alisamski+ 9]

Well.. assumed this: #nav_row{background-image:url('http://BACKGROUNDIMAGEURLHERE');} however... the entire menu links would need to be centered in the entire nav bar.. I am aware of the base CSS... however, without knowing what that code actually is.. its hard just to shoot in the dark and just add code... which is why I think I need the entire navigation code too play with not just the bits and pieces.

[kastelic 6]

#menu-primary{margin-left:180px}

Try this to center the menu.

[alisamski+ 9]

Link Cannot locate the code for the hover color to be the same as the link while on the page.. hover click current page all the same color. Please advise

[alisamski+ 9]

ok.. did this.. seemed to work... #primary-nav ul.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { /* ---------Background Active Links-------- */ background:#dba029; } #primary-nav .main-nav .current_page_item a { background-color: #dba029; } #primary-nav .main-nav .current_page_item ul li a {background:#dba029; }