Stylesheet Font Size

[cs_jono]

Hello. We have encountered a problem with the classes within the stylesheet. Previously when I worked with the stylesheet, when I gave something within my tpl_header, tpl_footer, and/or define_main page a new class...that class would override the other classes that would be usually controlling that attribute. For example, if I had an active link on my define main page and I gave it the class ftrText, and within that class I defined it as

.ftrText a:link {
font-size: 1.3em;
color: #000;
}

Then that would override both

a:link {
color: #990000;
}

and

body {
font-size: 67.5%
}

however this is no longer the case. For some reason when I define ftrText with a font size of 1.3em and the color:#000...it now adds the font size of the body text with the font size of the ftrText. Does anyone know how to fix this problem?

Thanks in advance for your help!

[gjh42]

The 67.5% in the body becomes the "1em" base, so ftrText was working from that.
You have

.ftrText {
	color: #7d1416;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	}
.ftrText a:link {
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif;
	color: #606060;
	}	
.ftrText a:visited {
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif;
	color: #606060;
	}	
.ftrText a:hover {
	color: #000;
	text-decoration: underline;
	}

which works, but if you had 1.3em in each of those places, the .ftrText a:link font-size would build on the .ftrText font-size and effectively be about 1.7em.
Set the font size only in .ftrText and it will stay the same size.

[cs_jono]

so you suggest totally removing the font-size definition in the zen-cart body class?

[gjh42]

Absolutely not. Leave that as is, or if you want the basic sitewide 1em font size to be a bit bigger change it to 75%.

It is just the detailed font-size settings that you want to avoid duplicating unless you are sure of the effect you intend.

[cs_jono]

Thanks for the help!