I'm working on a talent agency site which has hundreds of models and actors, each with their own page. I'd like the category pages to display in a grid -- that's been a major hassle. I settled on Juggledad's multi-column template, but it's not quite as compact as I'd like.

Here's a sample:
http://nymodeltalent.com/site/women2/

So my questions...

1) I was thinking of shrinking the titles of each excerpt. First, I had trouble doing that. (Isn't it H1 in css/html inserts? Couldn't get it to work.) But if I do that, won't it affect the titles on the actual individual pages? That would be bad.

2) Is there a way to make each box the same height, so the gutters don't show so much? Variations in picture height and length of peoples' names cause different heights, and it's ugly.

3) If I reduced the margins around each excerpt, it might be better looking, but wouldn't that reduce the margins in individual pages too much?

I would play with using the WP Gallery function perhaps along with the JetPack module for galleries. There is also another plugin for linking an individual image to a page or whatever.

1) I was thinking of shrinking the titles of each excerpt. First, I had trouble doing that. (Isn't it H1 in css/html inserts? Couldn't get it to work.) But if I do that, won't it affect the titles on the actual individual pages? That would be bad.

2) Is there a way to make each box the same height, so the gutters don't show so much? Variations in picture height and length of peoples' names cause different heights, and it's ugly.

3) If I reduced the margins around each excerpt, it might be better looking, but wouldn't that reduce the margins in individual pages too much?

you can target your SS by making the CSS Selector specific for that page by begining all the CSS with 'body.page-template-template_multi_column_custom_query-php' - this will effect any page you use teh template on or you could use 'body.page-id-3084' to target that one page

lmilesw: You're talking about creating a gallery, then manually linking each picture to the model's page? I think that'll be a last resort, since I have close to 200 models, and there's updates all the time. I'm trying to get this to automate based on categories.

juggledad: What do you mean by SS? Are you talking about making changes in the Add HTML/CSS Inserts area? That sounds promising, but I might need some example code to get me started. I'm not fluent in CSS -- I do most of my coding by copy/paste and trial and error.

What do you mean by SS?

fat fingers, should be CSS

you can use the FireBug extension in Firefox to see the css being applied and change it on the fly to see what you need to use.

Ok. So far, I've updated my column CSS as

body.page-template-template_multi_column_custom_query-php .mccq_column1 {width: 25%;}
body.page-template-template_multi_column_custom_query-php .mccq_column2 {width: 25%;}
body.page-template-template_multi_column_custom_query-php .mccq_column3 {width: 25%;}
body.page-template-template_multi_column_custom_query-php .mccq_column4 {width: 25%;}

That's an improvement over naming EACH of my category pages one by one. (That was 14 individual category pages.

So I'm trying Firebug -- I've heard great things about it, but never been able to understand it. For one thing, the rollover function seems to give me only HTML results, not CSS. So now I'm left with 1000 lines of code to sift through. Starting by looking for H1 and H2 functions to change -- so far so good!

Any idea what to look for to reduce the padding in each box? It would be nice to fit in 5 columns.