Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How do I change all the grey text to black?

How do I change all the grey text to black?

Views: 11,124

Results 1 to 5 of 5
4 Jun 2016, 6:48 AM
#1
emcparts avatar

emcparts

New Zenner

Join Date:
Apr 2011
Posts:
24
Plugin Contributions:
0

How do I change all the grey text to black?

I don't want all the low contrast light grey on white background text on my site. My #1 rule of web design "Thou shalt not use low contrast text and background color combinations.". Since the advent of Windows Vista there has been an absolute plague of light grey text all over the web.

I had a look at the stylesheet css file and spent some time plugging hex codes into a color picker. Not only is the thing filled with codes for light grey text, there's a large number of very slightly different shades of light grey text. Why?! Why not just chose one (if you insist on using that execrable shade) and go with that?

So I went on a search and replace hunt, switching them for FFFFFF to get nice, pure actually readable black - uploaded the stylesheet file and it didn't make one bit of difference. So I reverted to the backup copy and am here to ask how I fix this hideous design decision, apparently made by people with eyes capable of seeing beyond the normal spectrum visible by humans.

All the other colors specified for text are fine. Standing out quite nicely against a plain, white background. Clean, clear, uncluttered, visible.

4 Jun 2016, 6:53 AM
#2
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,841
Plugin Contributions:
0

Re: How do I change all the grey text to black?

Can you be more specific about where you want to change the text color?

4 Jun 2016, 7:27 AM
#3
emcparts avatar

emcparts

New Zenner

Join Date:
Apr 2011
Posts:
24
Plugin Contributions:
0

Re: How do I change all the grey text to black?

barco57:

Can you be more specific about where you want to change the text color?

http://partsbyemc.com/catalog/ All the grey text on the main page. Click on a category, the category title is grey. Click an item, the item title is grey.

Everywhere else there's grey text. I see some grey text and I want it painted bla-ack, to paraphrase The Rolling Stones.

4 Jun 2016, 7:33 AM
#4
mesnitu avatar

mesnitu

Totally Zenned

Join Date:
Aug 2014
Location:
Lisbon
Posts:
597
Plugin Contributions:
0

Re: How do I change all the grey text to black?

in your css file this color

color: #9a9a9a;

Is the gray color you are looking.... If you want to change it to black

color: #000;

Now this reallys depends on where and what you want to change it.

For the headers, change :

h1 {
font-size: 1.5em;
color: #9a9a9a;
}

to

h1 {
font-size: 1.5em;
color: #000;
}

If it's black that you want....

4 Jun 2016, 7:34 AM
#5
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,841
Plugin Contributions:
0

Re: How do I change all the grey text to black?

stylesheet: line 284 Change color: #9a9a9a; to ```
color: #000000;


Stylesheet: line 39 Change h1 color to #000000

Those two should catch most of them


edit: yeah, what he said