How to change the product name font

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.php?main_page=product_info&cPath=7_104&products_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;
}

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.

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.

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.

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.

 #productName .productGeneral

is css code you require, via Firefox Web Developers Kit

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

Also tried:

#productName.productGeneral

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/}

 #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

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.

#productName{
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.5em;
}
This does work..can send you screenshot if required

Do you see the change in FF? I don't, but I see it in IE6. I'd appreciate a FF Win screen shot.

JackA:

Do you see the change in FF? I don't, but I see it in IE6. I'd appreciate a FF Win screen shot.
Added to default Classic template ..any product
i.e.
http://www.dezinashop.com/demo/index.php?main_page=product_info&cPath=21&products_id=28

Could you expand your last reply a little?

I see the font on your live demo page but I see the same css property that I tried in your css. I looked at your source code, but not sure what you mean by 'any product'. Is there a tpl_any_product.php I need to edit? Or ??? --- and I appreciate all your time on this.

#productName{
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.5em;
}
I added EXACT code above ONLY, to stylesheet of default Classic,
which is current template at my demo store
http://dezinashop.com/demo/
Now if you view any product, on its info/display page, i.e.
http://www.dezinashop.com/demo/index.php?main_page=product_info&products_id=23
you will see that font you required, Georgia, is showing
where you requested..
Did not alter any core template files
i.e tpl_product_info_display.php
as not required..stylesheet addition achieves your desired
result..don't forget to refresh browser, AFTER any
stylesheet changes you make..have checked IE6,IE7,Firefox
and Safari..works correctly in all...

I must have something else going on. I use the same code and get a different result:

Would you mind looking at this in your FF Win and tell me what you see? I ALWAYS refresh each time.

http://www.artbeautiful.com/index.php?main_page=product_info&cPath=7_104&products_id=1623

JackA:

I must have something else going on. I use the same code and get a different result:

Would you mind looking at this in your FF Win and tell me what you see? I ALWAYS refresh each time.

http://www.artbeautiful.com/index.php?main_page=product_info&cPath=7_104&products_id=1623
In Firefox, italic font(not Georgia), in IE7, italic font( possibly Times New Roman),
larger size than in Firefox, Safari is same as Firefox, IE6..same as IE7..
Possible conflicting entry somewhere in your current template's stylesheet..
have you tried switching template to Classic,
and then adding my css code to Classic stylesheet?

I'm a 4-week-old with Zen Cart, so if I switch templates, can I switch back w/o problems?

After trying everything else in the css universe, I moved the style to the bottom of my stylesheet and it works. Go figure. Thanks for all you help.

JackA:

I'm a 4-week-old with Zen Cart, so if I switch templates, can I switch back w/o problems?
Yes you can, and pleased to hear you have your new zencart
looking as you required
:clap: