odd sidebox text size css effects

Locked

Results 1 to 2 of 2

This thread is locked. New replies are disabled.

18 Feb 2008, 04:19

abwhitney

New Zenner

Join Date:: Jan 2008
Posts:: 33
Plugin Contributions:: 0

odd sidebox text size css effects

I can't for the life of me get the font-size's of the left boxes on my site to be the same. The search size is smaller than the rest. The reviews and new products boxes text size is larger than the others. I like the 1.17em size i'm using for Bestsellers, Categories, and Information and New Products in the center but even though I thought I changed the css file correctly it doesn't show up correctly.

you can find my stylesheet file here: http://www.akwdesigns.com/includes/templates/akw_pink/css/stylesheet.css

18 Feb 2008, 05:58

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: odd sidebox text size css effects

Oddly enough, part of your problem is caused by specifying a size for h3.leftBoxHeading a:

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.175em;
	/*color: #ffffff;*/
	color: #ffffff;
	}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

The effect is multiplying on top of h3.leftBoxHeading. Eliminate the extra "a" selectors. If the color is a problem, specify that in a separate declaration.

The search heading is specified to be smaller than it would normally be, in the declaration below that one. Remove #searchHeading, from that line.

h3.leftBoxHeading, h3.rightBoxHeading {
	font-size: 1.175em;
	color: #ffffff;
	}
h3.leftBoxHeading a (
	color: #ffffff;
	}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}