How do I change font size for links?

[iowabob]

I'm new to Zen Cart, so I hope someone can help me.

On the main page of my store, there's a section called "New Products For June" that displays 9 images. Below the images there is a link to each product's page, and below the link is the price of the item.

I have been searching the FAQs and forum, and can not find information on how to increase the size of the font in the item name and price. Can someone please help or point me in the right direction? Thanks!

[schoolboy]

These are almost always STYLESHEET changes. So it will mean you need to alter the CSS declaration for TEXT LINKS.

OK... so where do you start?

Before you dive into the CSS, it will be very useful for you if you use FIREFOX, and then get the following FIREFOX PLUGINS>

FIREBUG
CHRIS PEDERICK'S WEBMASTER TOOLKIT FOR FIREFOX (search google for this one, or look at chrispederick.com).

These are essential tools for the aspiring "web developer", as they enable you to find and see the background "construction" of a web page, and then do some "off-line edits" to it.

This "off-line" editing capacity is great... as it allows you to see (for example) what the style ID or CLASS is for any given element on the viewed page, and then change it. Your changes are visible in "real-time", but as the edit is "off-line", nothing is being changed on the server.

When you are happy with your off-line edits, simply copy them and paste them to the stylesheet(s) on your server.

This will then render them on the live site.

If you are new to CSS, then go do a couple of hours at w3schools.com , where there are some very good CSS tutorials.

[iowabob]

Thanks for the suggestions. I already had Firebug and the Webmaster Toolkit istalled, but went back and used the again to see if perhaps I had overlooked something.

I spent several hours reviewing my store's page, and was able to make a lot of improvements to the CSS.

Unfortunately, the one thing that I could not find was a way to address my originl question, how to increase the font size in the links and prices that display under the product images in the center column.

I played with every font em size, font width, and <h> setting that I could find, and no matter what, the font remained too small for my poor old eyes.

I'll keep looking, but in the meantime would appreciate any other suggestions. Thanks!

[rstevenson]

There is a class in the stylesheet called centerBoxContentsNew. The stock styles applied to that are minimal, but you can pull it out into a separate declaration of its own. Then you may be able to style your problem text by adding the appropriate a, a hover, etc. bits to the centerBoxContentsNew declaration.

I can't help more than that without a link to your site.

Rob