Navigation Link Color

[neophyte2007]

Hi,

I would like to change the color of the navigation links (Home, Log In, etc.) on my header and footer. I don't know where to change the color on my stylesheet.css. The texts in red are the ones I've tried to tweak but it's not working.

Below is a chunk of stylesheet.css. I hope it helps.

[FONT=Times New Roman]*navigation*/[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman].navSplitPagesResult {}[/FONT]
[FONT=Times New Roman].navSplitPagesLinks {}[/FONT]
[FONT=Times New Roman].navNextPrevCounter {[/FONT]
[FONT=Times New Roman] margin: 0em;[/FONT]
[FONT=Times New Roman] font-size: 0.9em;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman].navNextPrevList {[/FONT]
[FONT=Times New Roman] display: inline;[/FONT]
[FONT=Times New Roman] white-space: nowrap;[/FONT]
[FONT=Times New Roman] margin: 0;[/FONT]
[FONT=Times New Roman] padding: 0.5em 0em;[/FONT]
[FONT=Times New Roman] list-style-type: none;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navMainWrapper {[/FONT]
[FONT=Times New Roman] margin: 0em;[/FONT]
[FONT=Times New Roman] margin-bottom: 0px;[/FONT]
[FONT=Times New Roman] height: 26px;[/FONT]
[FONT=Times New Roman] background-color: #f6eee6;[/FONT]
[FONT=Times New Roman] font-weight: bold;[/FONT]
[FONT=Times New Roman] color: #ffffff;[/FONT]
[FONT=Times New Roman] padding: .3px;[/FONT]
[FONT=Times New Roman] background-image: url(../images/nav_cat_bg.jpg);[/FONT]
[FONT=Times New Roman] background-repeat: no-repeat;[/FONT]
[FONT=Times New Roman] }[/FONT]

[FONT=Times New Roman]#navSuppWrapper { [/FONT]
[FONT=Times New Roman] margin: 0em;[/FONT]
[FONT=Times New Roman] margin-bottom: 0px;[/FONT]
[FONT=Times New Roman] height: 26px;[/FONT]
[FONT=Times New Roman] background-color: #989da3;[/FONT]
[FONT=Times New Roman] font-weight: bold;[/FONT]
[FONT=Times New Roman] color: #ffffff;[/FONT]
[FONT=Times New Roman] padding: .3px;[/FONT]
[FONT=Times New Roman] background-image: url(../images/footer.jpg);[/FONT]
[FONT=Times New Roman] background-repeat: repeat-y;[/FONT]
[FONT=Times New Roman] }[/FONT]

[FONT=Times New Roman]#navCatTabsWrapper {[/FONT]
[FONT=Times New Roman] margin-left: 20px;[/FONT]
[FONT=Times New Roman] margin-right: 20px;[/FONT]
[FONT=Times New Roman] width: 802px;[/FONT]
[FONT=Times New Roman] background-image: none;[/FONT]
[FONT=Times New Roman] height: 20px;[/FONT]
[FONT=Times New Roman] position: absolute;[/FONT]
[FONT=Times New Roman] top: 12px;[/FONT]
[FONT=Times New Roman]}[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navMain ul, #navSupp ul, #navCatTabs ul {[/FONT]
[FONT=Times New Roman] margin: 0;[/FONT]
[FONT=Times New Roman] padding: 0.5em 0em;[/FONT]
[FONT=Times New Roman] list-style-type: none;[/FONT]
[FONT=Times New Roman] text-align: center;[/FONT]
[FONT=Times New Roman] line-height: 1.5em;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navMain ul li, #navSupp ul li, #navCatTabs ul li {[/FONT]
[FONT=Times New Roman] display: inline;[/FONT]
[FONT=Times New Roman] white-space: nowrap;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {[/FONT]
[FONT=Times New Roman] text-decoration: none;[/FONT]
[FONT=Times New Roman] padding: 0em 0.5em;[/FONT]
[FONT=Times New Roman] margin: 0;[/FONT]
[FONT=Times New Roman] color: #666666;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navEZPagesTOCWrapper {[/FONT]
[FONT=Times New Roman] font-weight: bold;[/FONT]
[FONT=Times New Roman] float: right;[/FONT]
[FONT=Times New Roman] height: 1%;[/FONT]
[FONT=Times New Roman] border: 1px solid #000000;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navEZPagesTOC ul {[/FONT]
[FONT=Times New Roman] margin: 0;[/FONT]
[FONT=Times New Roman] padding: 0.5em 0em;[/FONT]
[FONT=Times New Roman] list-style-type: none;[/FONT]
[FONT=Times New Roman] line-height: 1.5em;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navEZPagesTOC ul li {[/FONT]
[FONT=Times New Roman] white-space: nowrap;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navEZPagesTOC ul li a {[/FONT]
[FONT=Times New Roman] padding: 0em 0.5em;[/FONT]
[FONT=Times New Roman] margin: 0;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {[/FONT]
[FONT=Times New Roman] margin: 0.5em;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navBreadCrumb {[/FONT]
[FONT=Times New Roman] background-color: transparent;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navEZPagesTop {[/FONT]
[FONT=Times New Roman] background-color: #FFFFFF;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navBreadCrumb, #navEZPagesTop {[/FONT]
[FONT=Times New Roman] font-size: 0.95em;[/FONT]
[FONT=Times New Roman] font-weight: bold;[/FONT]
[FONT=Times New Roman] margin: 0em;[/FONT]
[FONT=Times New Roman] padding: 0.5em 0.5em 0.5em 1.5em;[/FONT]
[FONT=Times New Roman] }[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]#navColumnOne {[/FONT]
[FONT=Times New Roman] background-color: transparent;[/FONT]
[FONT=Times New Roman] }[/FONT]


Thank you so much for your help.

[kobra]

You will most probably have to add the roll over on hover color also and maybe seperate these if you do not want them all these colors:

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #666666;
}

#navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #666666;
}

[neophyte2007]

Thank you so much for your help. It's fixed now. It's good to know there are people like you who are willing to help the newbies in Zen Cart.

More power!