Pagelines nav bar text color won't change

[trehopkins 0]

I have searched the posts but I can't seem to find the correct way to change the color of my text for a and a:hover in the nav bar. The size either. I have this right now in the custom css but it's not working: #nav_row ul li a {color:#fff; } Here is the link to what I'm working on (just getting started so please don't judge too harshly! : ) http://joncarloftis.com/blog-test/

[Jenny 33]

You can try adding the following: [code]ul#menu-main.main-nav a, ul#menu-main.main-nav a:active {color: #ffffff;}[/code] If that doesn't work, try: [code]#primary-nav .main-nav li a, #primary-nav .main-nav li a:hover {color: #ffffff;}[/code] Make sure you delete the other nav code you have in there to avoid any conflicts.

[trehopkins 0]

This is perfect, Thank you!!! But now how do I make the hover color change and is there a way to eliminate the active state background color box?

[catrina 103]

In this code: [code]]#primary-nav .main-nav li a, #primary-nav .main-nav li a:hover {color: #ffffff;}[/code] Add this after color: #ffffff;: [code]background-color: #XXXXXX;[/code] Replace XXXXXX with the color hex code you want. To eliminate the activate state background, add this code: ul#menu-main-menu li#menu-item .current-menu-item {background-color: #XXXXXX;}[/code]

[trehopkins 0]

Uh oh... I must have done something after I used your code because now my whole nav bar is entirely white. here is what I have in my custom code: #primary-nav { background: #79aa39; margin-bottom:15px; } #nav_row.main_nav, ul.sf-menu ul li { border-bottom: 0 solid #E9E9E9; } #primary-nav .main-nav li a, #primary-nav .main-nav li a:hover { color: #FFFFFF; } Still want to do a color change for the hover to #584943 and then have no background color on the visited link. Any help is much appreciated!

[trehopkins 0]

Sorry, here is the link again: http://joncarloftis.com/blog-test/

[trehopkins 0]

oops, the bar color just showed back up! That's good! But I tried the code above and I still am not getting the color of the type to change on a:hover Here's how it's looking now: #primary-nav { background: #79aa39; margin-bottom:15px; } #nav_row.main_nav, ul.sf-menu ul li { border-bottom: 0 solid #E9E9E9; } #primary-nav .main-nav li a, #primary-nav .main-nav li a:hover { color: #FFFFFF; } ul#menu-main-menu li#menu-item .current-menu-item {background-color:none;}

[catrina 103]

To eliminate the active background color, add this: [code]ul#menu-main-menu li#menu-item .current-menu-item {background-color: #XXXXXX;}[/code] Change the XXXXXX to the color you have for the menu item background color. To add the hover color change, add this: [code]ul#menu-main-menu li#menu-item a:hover {background-color: #584943;}[/code]

[trehopkins 0]

Just found the plugin (unsupported) but brilliant which fixed the whole thing: http://dl.dropbox.com/u/29858470/platform_nav_example.php.zip Works perfectly!

[catrina 103]

Do you need further assistance?

[trehopkins 0]

Well actually, I got my post titles and the date below to move to a center alignment, but I can't seem to get them to the colors I want there. For the titles I wanted :#5e4f48 and the date info: #79aa39. Got any magic for that? :)

[catrina 103]

Add this code: [code]div.post-title h2.entry-title a {color: #5e4f48;} span.sword, span.date {color: #79aa39;}[/code]

[trehopkins 0]

again, spot on! thank you so much!