How to change the product name font

[JackA]

I've been stuck trying to change the font for the name of the product on the the Product Info page. Here is an example

http://www.artbeautiful.com/index.ph...oducts_id=1623

I want to change the Verdana Italic "Les Coquelicots" in the gray color to Georgia. I tried a number of variations of this, with no success, including:

#productName {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
}

body #productName {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
}

h1#productName {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
}

#productinfoBody #productName {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
}

#productinfoBody h1#productName {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
}

[Webskipper]

Which style sheet are you changing? Try the other one in the other template folder.

You mod should have worked, Recheck and see if chmod 644 is there.

Also do the obvious, clear the cache and recheck.

[JackA]

Thanks, but I'm a little confused on your reply:

I use the includes/templates/mine/css/stylesheet.css and it's the only one I've been using. Which other are you suggesting I try?

chmod 644 is a permission setting? If so, for which file or folders? I now have a 644 on the stylesheet.css file and a 755 on the css folder. I have had no trouble with other css edits that could not be resolved with the right declaration.

I cleared the cache and browse history. No change.

Which mod are you suggesting should work? I show four I have tried.

Thanks again.

[Kim]

h1 {

	color: #777777;

	font-size: 2em;

	font-weight:normal;

	font-style: italic;

	}

The above is the declaration you need to override - try adding the font-style:none to one of your other attempts to find the one that works.

[JackA]

Thanks, but I want to keep the italic style and change the font-family to Georgia, Times New Roman, Times, serif

That setting is in the body tag. I need for this font change to apply to all titles in all Product Info pages.

[misty]

 #productName .productGeneral

is css code you require, via Firefox Web Developers Kit

[JackA]

I use Firebug on FF and tried your suggestion. I'm sorry, but it doesn't change it.

Also tried:

#productName.productGeneral

[JackA]

I find that the font family change in my Objective #2 is working in IE6, not in FF PC or Mac using

#productName {/*font-family property*/}

[misty]

 #productName { 
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.5em; 
}
#productGeneral { 
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.5em; 
}

Just tested above, works in IE6, IE7, Firefox and Safari

[JackA]

True, it does change the font, which puzzles me because 'productGeneral' is not an ID but a class, in the HTML. It also changes ALL the verdana to Georgia, which I don't want. Gotta be a solution here somewhere for Firefox.