Frustrated, reducing text size and spacing

On my product listing page you will see multiple thumbnails with the title of each image under it (it's also a link). I know there are web developers tools for this but I cannot figure out how to use them. this is not my area of expertise and maybe I'm just frustrated from looking, trying and fixing what I messed up.

I am wanting to make this text align up under the image and also reduce the size of it. The spacing between each image is a bit more than I would like.

I am thinking if I reduce the space between photos (padding?) that it will bring the text more in line so it doesn't look like some of the titles of each product are one long title.

http://tinyurl.com/4b2cjow

I'm sure this is basic stuff, but any help on this would be GREATLY appreciated.

You can find this in the stylesheet and add the red part:

h3.itemTitle a:link, h3.itemTitle a:visited{
text-decoration: none;
font-size:.7em;}

Adjust the .7 as necessary. If you do that, I would also add color:#000; , since the gray is hard to read at that size.

Fantastic! That solved 2 issues for me.

Now, do you happen to know where I can find where to control how much padding is on the same side of these images? They are spaced too far apart and the titles spread out because of it.

Thanks

w w w.polishpotterystore.com/shopping/index.php?main_page=index&cPath=21_47

Try

.centerBoxWrapper, .tabTable {
height: 1%;
line-height: 1.4;
margin-bottom: 1em;
padding: 0 10px;
}

Beautiful, that is much better. I still don't like the text dragging past the image, is this controlled by a different factor?

Thanks so much, I have been playing with things for days trying to figure that out.

When I click on a category, the pictures are widely spaced, shouldn't this take care of both category listings and sub categories?