Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How do I change the font color in the menus?

How do I change the font color in the menus?

Locked

Views: 1,098

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
28 Dec 2008, 8:41 AM
#1
jmayerdesign avatar

jmayerdesign

New Zenner

Join Date:
Dec 2008
Posts:
6
Plugin Contributions:
0

How do I change the font color in the menus?

in the side boxes and in the banner on the top of the page, the text is a dull gray, including the linking text, and non-linking text in the menu. From my understanding this should change in the stylesheet.css, but it is not the
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF0000;
}

a:active {
color: #0000FF;

I want to change all the dull gray text to white #FFFFFF but I adjusted the two above to FFFFFF it clearly was not the right text to change. I am new to this, so I do not know which area to edit the text. I tried aardvark to check it says leftboxheader, but i notice that dull gray is not just in that box, but every menu area of the page. Please help!

28 Dec 2008, 8:44 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How do I change the font color in the menus?

We need to see your site to know exactly which stylesheet rules to modify for your situation.

28 Dec 2008, 6:41 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How do I change the font color in the menus?

I found three rules that need to be changed in your stylesheet:```
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #6e6e6e;
white-space: nowrap;
}

/and farther down/

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #6e6e6e;
}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #6e6e6e;
}

28 Dec 2008, 8:19 PM
#5
jmayerdesign avatar

jmayerdesign

New Zenner

Join Date:
Dec 2008
Posts:
6
Plugin Contributions:
0

Re: How do I change the font color in the menus?

gjh42:

I found three rules that need to be changed in your stylesheet:```
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #6e6e6e;
white-space: nowrap;
}

/and farther down/

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #6e6e6e;
}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #6e6e6e;
}


These sections are not there at all:

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1em;
	color: #6e6e6e;
	}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #6e6e6e;

and the color 6e6e6e is also not there at all. so i am wondering what to change?
28 Dec 2008, 8:28 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How do I change the font color in the menus?

I copied them from your current stylesheet that is controlling your site. Exactly what file are you searching in (full filepath)?

beauxnbelles.com/shopping/includes/templates/classic/css/stylesheet.css```
/sideboxes/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #6e6e6e;
}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #6e6e6e;
}

28 Dec 2008, 8:47 PM
#7
jmayerdesign avatar

jmayerdesign

New Zenner

Join Date:
Dec 2008
Posts:
6
Plugin Contributions:
0

Re: How do I change the font color in the menus?

I found that directory and changed as you suggested. It worked! Thanks so much.

I had been trying to edit beauxnbelles.com/shopping/includes/templates/template_default/css/stylesheet.css

28 Dec 2008, 8:51 PM
#8
jmayerdesign avatar

jmayerdesign

New Zenner

Join Date:
Dec 2008
Posts:
6
Plugin Contributions:
0

Re: How do I change the font color in the menus?

Do you think you can help me figure out where to change the following text to white:

Bra Straps (4)
Bracelets
Earrings
Necklaces

it is in black right now. How do i find which file to edit this from? Thanks

28 Dec 2008, 9:58 PM
#9
jmayerdesign avatar

jmayerdesign

New Zenner

Join Date:
Dec 2008
Posts:
6
Plugin Contributions:
0

Re: How do I change the font color in the menus?

I found it already. thanks so much.