Changing font, size and color of the products

[azrac]

Hi,

on the product page where I have an image of the product and underneath of it, name (link to the more info page) of the product....
I would like to change the font, size and color of the product name. I have looked under Products-> Layout but I haven't found it. I have also checked out the Pages->Layout.

I am using a custom page and product template.

Thank you.

[ShopSite Lauren]

If you are using a custom page and product template, then ShopSite only has as much control as the template gives to ShopSite, and in most cases, custom templates don't include any support for the name size, name style, etc features in ShopSite. Your best bet would probably be adding CSS, and adding CSS would change all the product names at once. Could you provide the URL to one of your ShopSite pages, as well as more information on what you would like the product name to look like (ie, size, color). If I can see the page/custom templates, I can give you more information on how to customize them.

[azrac]

Hi Lauren.

Thank you. Well, my site is not "live" yet... so I can't give you link to it... there is pass/username to access it.
But I am trying to change font to courier, size to be smaller, and color to #808080.

I will try CSS, although I have no experience with it. It sounds simple enough.

[azrac]

Hi Lauren!

I am trying to change the color, size and font style of my product names. Do I do that in the Product Template, even though I am using Page Template to list the products?
Thank you.

[ShopSite Lauren]

You'll likely want to use CSS to change these things. View the source of your page, and copy the classes for the areas you want to change. For example, I just viewed the source on your page and it doesn't look like the product name link has a class, but the table that the products are in has the class of "Products" so your CSS could be as follows (note I made the colors a little more extreme so that you can easily see what they change).

<style type="text/css">
table.Products td {color: red;}
table.Products td a {color: green;}
</style>