My wife keeps wanting the category names in the center column to be larger. I wanted to add category images instead, but I can't seem to decide on an image for each category, plus I figure more images on a category page would make the page load slower.

So I used the web developer tools for Firefox to figure out what class I needed to change. I used the Information tab to Display ID and Class Details and found that the category names are a result of the .categoryListBoxContents class.

Then I jumped into dreamweaver, you can use notepad++ or whatever editor you want. Opened Stylesheet.css in my template folder (/templates/templatename/css/)

I searched for .categoryListBoxContents and found it.

I copied the class name, dropped down to the next unoccupied space and copied the class name. I then followed it with the following code ( I'll include the classname so you can just copy the whole thing.

Code:
.categoryListBoxContents
{
font-size: 12pt;
font-weight:bolder;
}
That's all I did and it made my category links much more visible and I don't have to create all those dang category images now.

You can change the font size by changing the 12 to whatever size you want, and you don't have to make it bold.

Gotta love it.


JP