Controlling the text of the secondary navigation menu

[rpacker 19]

I have gone through the forum looking for solutions to control the secondary navigation text. I found a script that works for the font size, but the color and alignment scripts are not working for me. Any solutions for color and alignment? Here is the one script that is working: #secondnav { font-size: .8em; } http://www.randallpacker.com

[catrina 103]

I think the CSS selector needs to be more specific. Can you please enable the secondary navigation on your site?

[rpacker 19]

It is enabled on the home page at the bottom, just above the logo, I now have it centered with padding, but still need to adjust the color: http://www.randallpacker.com

[rpacker 19]

PS: It's enabled in the Site Footer.

[catrina 103]

The code should be the following: [code]ul#menu-secondary-menu li#menu-item a {color: #XXXXXX; text-align: TEXTALIGNMENT; font-size: .8em;}[/code] Since these are links, the "a" is added after the selector.

[rpacker 19]

this looks like the same code you gave me before that didn't work and it still doesn't work: ul#menu-secondary-menu li#menu-item a {color: #ff0000; text-align: left; font-size: .8em;}

[catrina 103]

Add to either Custom Code > Custom CSS or the platformbase stylesheet: [code]#secondnav li#menu-item a {color: #ff0000; font-size: .8em;} #secondnav li#menu-item {text-align: left;}[/code]

[rpacker 19]

I appreciate your efforts but not of your scripts work, whereas this script from @Danny does work for the font size: #secondnav { font-size: .8em;} I am still unable to get the color and alignment working.

[Danny+ 1,327]

Hi Randall, First of all remove the padding you have, by which I mean this: [code] #footer .content-pad { padding: 50px 250px 1em; } [/code] Now add this to your custom css: [code] #secondnav ul { display: table; margin: auto; } [/code] That should centre the secondary nav menu in you footer. I've also added some other code below which you may or may not need, I've added a description as to what each does. [code] /* THIS ALLOWS YOU TO CHANGE THE COLOR OF THE LINK & STOPS IT BEING UNDERLINED */ #secondnav li a { color: #FF0000; text-shadow: none !important; } /* THIS ALLOWS YOU CHANGE THE BACKGROUND COLOR OF THE LINK WHEN YOU HOVER OVER IT */ #secondnav li a:hover { background: #FFFFFF; } /* THIS ALLOWS YOU TO ADD A UNDERLINE WHEN HOVERING OVER THE LINK */ #secondnav li a:hover { text-decoration: underline; } /* THIS ALLOWS YOU TO CHANGE THE COLOR OF THE LINK WHEN HOVERING OVER THE LINK */ #secondnav li a:hover { color:#00FF00; } [/code]

[rpacker 19]

@Danny, thanks so much! Since I last posted, I discovered that the secondary nav doesn't show up on all pages, so I have successfully switched over to the simple footer, works great! How would I substitute the secondary nav for the simple footer in terms of the font color scripts you have above.

[rpacker 19]

Danny, never mind I figured it out, thanks a million!

[emilindricau 0]

How can I modify my secondary navigation from http://www.rebrighter.ro/informatii to remain active afetr i choose one of the button from secondary navigation menu, just like when mouseover? http://www.pagelines.com/forum/discussion/17851/secondary-navigation-customization