Editing the Navigation Bar

[hunkyhorse]

Hi, i'm trying to change the tabs which are on the navigation bar underneath the header. I have found the current image file name (by deleting it) and have found this name in the stylesheet, but when i change this to the image i want it will not change it. I have tried looking in other files to do this but so far have not had any success. I also want to change the font colour to black which i have done for the sideboxes but cant seem to do the navigation tabs.

Any help would be greatly appreciated! The website url is www.hunkyhorse.com/store. Thanks!

[hunkyhorse]

Well i've finally managed to change the navigation tabs by editing the files which were currently there (common sense i know but sometimes it just dosent come to you!) but i still cannot change the font color. Its still a murky brown and i've changed nearly all the colours on my stylesheet and none of them have worked. I managed to change the background of the navigation bar to black so i knew i was close to the correct area but still could not find one for the font!

Please help me i'm pulling my hair out! Here is my stylesheet if that helps!

/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2007 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
*/

body {
margin: 0px 0;
font-family: comic sans ms, arial, helvetica, sans-serif;
font-size: 80.5%;
color: #000000;
background-color: #99CCFF;
/*background: url(../images/gras.jpg) no-repeat;*/
}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #854401;
background: #CCFF66;
font-weight: bold;
}

a:active {
color: #854401;
font-weight: bold;
}

h1 {
font-size: 2.5em;
color: #000000;
text-align: center;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger{
font-size: 1.1em;
}
.sideBoxContent {
font-size: 1em;
}
.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 0;
}

/* Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
position: relative;
}
*html .centerColumn {
height: 1%;
}
*/

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

TEXTAREA {
margin: auto;
display: block;
width: 95%;
}

input:focus, select:focus, textarea:focus {
background: #E4FEF5;
}

FIELDSET {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}

LEGEND {
font-weight: bold;
padding: 0.3em;
color: black;
}

LABEL, h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
text-align: center;
}
LABEL.inputLabel {
width: 9em;
float: left;
}

LABEL.inputLabelPayment {
width: 14em;
float: left;
padding-left: 2.5em;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width: 11em;
float: left;
}

#checkoutPayment LABEL.radioButtonLabel {
font-weight: bold;
}

P, ADDRESS {
padding: 0.5em;
}

ADDRESS {
font-style: normal;
}

.clearBoth {
clear: both;
}

HR {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #9a9a9a;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #9a9a9a;
}

.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #ffffff;
}

.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}

.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}

/*wrappers - page or section containers*/
#mainWrapper {
/*background: url(../images/wrapper_bg.jpg);*/
background-color: #FFFFFF;
text-align: left;
width: 80%;
vertical-align: top;
border: 4px solid #000000;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
margin: 0 0 0 0px;
/*background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;*/
background-position: 50%
background-color: #ffffff;
height:125px;
width:100%;
}
#logoWrapper a:hover {
background: transparent;

}
#taglineWrapper {
clear: right;
margin: 0 0 0 200px;
text-align: center;
height: 30px;
width: 380px;
}
#tagline {
font-size: 1.2em;
font-weight: bold;
color:#000000;
text-align: center;
vertical-align: middle;
}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}
#navColumnOneWrapper {
margin-left: 1em;
margin-right: 0.5em;
}
#navColumnTwoWrapper {
margin-left: 0em;
margin-right: 0.8em;
}

#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
}

#navSuppWrapper, #navCatTabsWrapper {
margin: 0 0 0 28px;
background-color: #000000;
/*background-image: url(../images/tile_back.gif);*/
padding: 0.5em 0.2em;
font-weight: bold;
color: black;
height: 1%;
}
#navMainWrapper {
margin: 0 0 0 30px;
padding: 0 0.2em;
background: url(../images/sidebox_title.gif) repeat-x;
background-position:50%;
line-height:normal;
font-weight: bold;
color: #000000;
width:90%;
}
#navSuppWrapper, #navCatTabsWrapper {
margin: 0 0 0 28px;
background: url(../images/sidebox_title.gif) repeat-x;
padding: 0/*0.5em*/ 0.2em;
font-weight: bold;
color: #000000;
height: 1%;
width:90%;
}
#navCatTabsWrapper {
/*background-color: #ffffff;*/
color: #9a9a9a;
background-image:none;
}

#navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0.5em 0em 0.5em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}
#navMain ul {
margin: 0;
padding: 0.5em 0.5em 0.2em 0.5em;
list-style-type: none;
text-align: center;
font-size: 1.1em;
line-height: 1.5em;
}
#navMain ul li {
padding: 0.5em 0 0.2em 0.5em;
background: url(../images/left.gif) no-repeat left top;
display: inline;
}
#navMain ul li a {
margin: 0;
padding: 0.5em 15px 0.2em 0.5em;
background: url(../images/right.gif) no-repeat right top ;
text-decoration: none;
color: #000000;
white-space: nowrap;
}
#navMain ul li a:hover {
margin: 0;
padding: 0.5em 15px 0.2em 0.5em;
background: url(../images/right_on.gif) no-repeat right top;
color: #000000;
}
#navMain ul li.viewCart {
padding: 0.5em 0 0.2em 0.5em;
background: url(../images/sleft.gif) no-repeat left top;
display: inline;
}
#navMain ul li.viewCart a {
margin: 0;
padding: 0.5em 15px 0.2em 0.5em;
background: url(../images/sright.gif) no-repeat;
text-decoration: none;
color: #000000;
white-space: nowrap;
}
#navMain ul li.viewCart a:hover {
margin: 0;
padding: 0.5em 15px 0.2em 0.5em;
background: url(../images/sright.gif) no-repeat right top ;
color: #000000;
}

#navSupp ul li, #navCatTabs ul li {
display: inline;
}
#navSupp ul li a, #navCatTabs ul li a {
margin: 0;
padding: 0 0.5em 0 0.5em;
text-decoration: none;
color: #00000;
white-space: nowrap;
}
#navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #854401;
background: #E6F0F0;
}
#navCatTabs ul li a {
color: #000000;
}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #000000;
}

#navEZPagesTOC ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
line-height: 1.5em;
}

#navEZPagesTOC ul li {
white-space: nowrap;
}

#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

#navMainSearch {
margin: 5px 90px 0 0;
position:relative;
float: right;
}
.button {
margin: 0 50px 0 0;
position:absolute;
top: -2px;
}
#navBreadCrumb {
margin: 10px 0 0 32px;
padding: 0.5em 0.5em;
background-color: #E1EDED;
font-size: 0.95em;
font-weight: bold;
width: 475px;
}
#navBreadCrumb a {
padding: 0 0.5em 0 0.5em;
color: #854401;
}
#navBreadCrumb a:hover {
background: #E7D9BC;
}

#navEZPagesTop {
margin: 0 0 0 97px;
padding: 0.5em 0.2em;
background: url(../images/nav_tab.jpg) repeat-x;
width:660px;
text-align: center;
font-size: 0.95em;
font-weight: bold;
color: #854401;
}
#navEZPagesTop a:hover {
background: #E6F0F0;
}
#navEZPagesTop a {
padding: 0 0.5em 0 0.5em;
color: #854401;
}
#navColumnOne, #navColumnTwo {
background-color:none;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}

.alert {
color: #FF0000;
margin-left: 0.5em;
}
.advisory {}
.important {
font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
float: right;
}
#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}
.centerColumn {
margin: 0 0 0 5px;
padding: 1em;
font-size: 1.2em;
width: 620px;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}
#siteinfoLegal {
padding: 5px 0 5px 0;
}
#siteinfoLegal a {
padding: 0 0.5em 0 0.5em;
color: #854401;
font-weight:bold;
}
#siteinfoLegal a:hover {
color: #854401;
background: #E7D9BC;
}
/*Shopping Cart Display*/
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
}

.tableHeading TH {
border-bottom: 1px solid #9a9a9a;
}

.tableHeading, #cartSubTotal {
background-color: #e9e9e9;
}

#cartSubTotal {
border-top: 1px solid #cccccc;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}

.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}

#scUpdateQuantity {
width: 2em;
}

.cartQuantity {
width: 4.7em;
}

.cartNewItem {
color: #33CC33;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
text-align: right;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 1em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
background-color: #E4FEf5;
border: 1px solid #003D00;
}
.mediaTitle {
float: left;
}
.mediaTypeLink {
float: right;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #ff0000;
}

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
list-style-type: none;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {
width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

.categoryIcon {}

#cartImage {
margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxWrapper {
border: 1px solid #904C01;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.2em;
color: #000000;
font-weight: bold;
background-color: #99CCFF;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #904C01;
font-weight: bold;
}

.leftBoxHeading {
margin: 0em;
background: url(../images/sidebar.jpg) #ff6699;
padding: 0.5em 0.2em;
}
.rightBoxHeading {
margin: 0em;
background: url(../images/sidebar.jpg) #ff6699;
padding: 0.2em 0em;
}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 1.1em;
color: #000000;
font-weight: bold;
background-image:sidebar.jpg; no-repeat #abbbd3;
}
#categories{
margin: 0 10px 0 0;
margin-top: 1.5em;

}
#categoriesHeading {
margin: 0em;
background: url(../images/sidebar.jpg) no-repeat #abbbd3;
padding: 0.5em 0.2em;
}
h3#categoriesHeading {
font-size: 1.1em;
color: #000000;
font-weight: bold;
}
#categoriesContent{
padding: 0.4em 0.4em 1.5em 1em;
background: url(../images/sidebox_content.png) #ffffff;
background-position:bottom;
color: #000000;
font-size: 1em;
font-weight:bold;
}
#categoriesContent a, #categoriesContent a:hover {
color: #000000;
}

#countdownsidebox {
margin: 0 10px 0 28px;
background-color: #E5D7B4;
border: none;
margin-top: 1.5em;
}
#countdownsideboxHeading {
margin: 0;
padding: 0.5em 0;
background-image:url(../images/sidebox_h_xmas_bg.gif);
background-repeat:no-repeat;
background-color: #E5D7B4;
height:30px;
}
h3#countdownsideboxHeading {
font-size: 1.2em;
color: #fff /*#E59B0C*/;
}
#countdownsideboxContent {
padding: 0.5em 0.3em 1em 0.3em;
background-image:url(../images/sidebox_c_xmas.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color: #E5D7B4;
text-align: center;
font-size: 1em;
color: #000;
}
.leftBoxHeading,
margin: 0em;
background: url(../images/sidebar.jpg) no-repeat #ff6699;
padding: 0.5em 0.2em;
}

.rightBoxHeading {
margin: 0em;
background: url(../images/sidebar.jpg) no-repeat #ff6699;
padding: 0.5em 0.2em;
}

.centerBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/sidebar.jpg) no-repeat;
padding: 0.5em 0.2em;
}
.leftBoxContainer {
margin: 1em 10px 10px 0;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}
.rightBoxContainer {
margin: 1.5em 10px 10px 0;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}
.sideBoxContent {
margin: 0;
padding: 0.4em 0.4em 1.5em 1em;
background: url(../images/sidebox_content.png) #ffffff;
background-position:bottom;
}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
background: url(../images/sidebox_header_on.png) no-repeat #abbbd3;
padding: 0.5em 0.2em 0.4em 0.2em;
color: #CCFF66;
text-decoration: none;
}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
color: #904C01;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
background-color: #0000CC;
}

#upProductsHeading {
text-align: center;
}

#upDateHeading {
text-align: right;
}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
color: #924E01;
text-decoration: none;
}
A.category-links, A.category-links:visited {
color: #924E01;
text-decoration: none;
}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color: #924E01;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
/* end categories box links */

/*misc*/
.back {
float: left;
}

.forward, #shoppingCartDefault #PPECbutton {
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd {
background-color: #E8E8E8;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F0F0F0;
height: 1.5em;
vertical-align: top;
}

.hiddenField {
display: none;
}
.visibleField {
display: inline;
}

CAPTION {
/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #cacaca;
height: 2em;
}

.productListing-rowheading {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
text-align: center;
height: 2em;
color: #FFFFFF;
}

#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
clear: both;
}

.seDisplayedAddressLabel {
background-color:#85C285;
text-align: center;
}
.seDisplayedAddressInfo {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
#seShipTo {
padding: 0.2em;
}
#indexCategoriesMainContent a img {
text-align: center;
}

Thank you,
Shelley

[afo]

Those are links, so concentrate on these (although there could be other places those are defined).

a:link, #navEZPagesTOC ul li a {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #854401;
background: #CCFF66;
font-weight: bold;
}

a:active {
color: #854401;
font-weight: bold;
}

If you don't have it, get the Firefox browser with the web developer add on which allows you to tinker with the stylesheet on the fly and see the results immediately. To make the changes permanent, you have to save the stylesheet separately and upload it to your site.

If you are editing files, I sincerely hope you're using the override system or all your changes will be lost with the next upgrade/update.