Can't Figure It Out

[AllegraGatto]

Hi. My site is at http://awitchshearth.com/zencart/.

It looks like the text in the header of the search sidebox is different than the rest of the sidebox headers. My eye's aren't great, so I can't figure out if it looks different because its a different font or if its just bold, or what. Regardless, I want it to look like the other sidebox headers and I can't for the life of me figure out where to change it. I have looked all over my stylesheet as well as on the english.php document. I have even looked at the search.php docs in templates.

Can anyone help me with this?

Allegra

[gjh42]

The search header, unlike most sidebox headings, is a label and follows the generic label rule. To make it follow the same rules as the rest, find these in your stylesheet:

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 1.05em;
	color: #FFFFFF;
	background-color: #545d3e;
	padding: 0.3em;
	margin: 0em;
	}

...

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 1.05em;
	color: #FFFFFF;
	background-color: #545d3e;
	padding: 0.3em;
	margin: 0em;
	}

and add
, h3.leftBoxHeading label
and
, h3.rightBoxHeading label
to get

h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 1.05em;
	color: #FFFFFF;
	background-color: #545d3e;
	padding: 0.3em;
	margin: 0em;
	}

...

h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 1.05em;
	color: #FFFFFF;
	background-color: #545d3e;
	padding: 0.3em;
	margin: 0em;
	}

BB ;)

[AllegraGatto]

Glenn,

Thank you so much! You totally rock! At least I don't feel so stupid now as I just didn't know it was a label.

BB!

Alle

[AllegraGatto]

Ack! I did what Glenn told me and it fixed the problem, but then I went and changed some other things and now its screwed up again even with the code Glenn gave me for the labels. Anyone know how to fix it again?

http://awitchshearth.com/zencart

[gjh42]

Don't feel bad - it's actually something I forgot when posting the code above. I don't know why it even worked the first time (and when I tested it).
Having the font-size: 1.05em; apply to both
h3.rightBoxHeading
and
h3.rightBoxHeading a, h3.rightBoxHeading label
means that the anchors and labels get a size of 1.05 x 1.05. The sizing needs to be applied only once. There are several ways of arranging the code for this, but the below will work:

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 1.05em;
	color: #FFFFFF;
	background-color: #545d3e;
	padding: 0.3em;
	margin: 0em;
	}
h3.rightBoxHeading a, h3.rightBoxHeading label {
	font-size: 1.0em;
	}

It would also work to say

h3.rightBoxHeading {font-size: 1.05em;}

h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #545d3e;
	padding: 0.3em;
	margin: 0em;
	}

[AllegraGatto]

Thanks again! It fixed the problem.