Forums / Templates, Stylesheets, Page Layout / How do I change font size for links?

How do I change font size for links?

Views: 1,050

Results 1 to 4 of 4
12 Jun 2011, 8:12 PM
#1
iowabob avatar

iowabob

New Zenner

Join Date:
Jun 2011
Posts:
2
Plugin Contributions:
0

How do I change font size for links?

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!

12 Jun 2011, 9:11 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How do I change font size for links?

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.

20 years a Zencart User

13 Jun 2011, 4:46 AM
#3
iowabob avatar

iowabob

New Zenner

Join Date:
Jun 2011
Posts:
2
Plugin Contributions:
0

Re: How do I change font size for links?

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!

14 Jun 2011, 1:19 AM
#4
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: How do I change font size for links?

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

Breakfast: the most important donut of the day.