Categories below header

[ryangsoton]

Afternoon all, below my header logo i have a navigation bar which displays all of my product categories. (which just cover 2 lines). I would like to make the font slighly smaller so it only covers 1 line.

Any ideas? Many thanks

[gjh42]

In your stylesheet, find

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold; 
        ...
        }

Add below that statement

#navCatTabsWrapper {
	font-size: .9em;
        }

and experiment with sizes (1em is default text height.)

[ryangsoton]

Hi, no luck im afraid. My stylesheet currently reads
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.jpg);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 750px;
#navCatTabsWrapper {
font-size: .3em;
}

and regardless of what font size i use .3, .7, 1 etc the font size doesnt change. Have i done this right?

any ideas?

Many thanks

[gjh42]

If your posting is correct, you are missing a } after
width: 750px;

This will give you improper results. Fix that and see how it works.

If it still fails, search your CSS for "#navCatTabsWrapper" and see if there is another font-size: later in the file - if so, that would override an earlier one.

[ryangsoton]

That did it! Was missing the }

Thanks so much - that was really winding me up!