Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Change font size & type

Change font size & type

Locked

Views: 2,255

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
22 May 2007, 5:45 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Change font size & type

Alot of different text there and most is taking on global styling from the H1 & H2 tags in your style sheet. To address this only on these pages:

In the stylesheet add these with the styling you want

#productName
#productPrices

or for the description use the editor in the admin and define text there

22 May 2007, 6:11 AM
#3
taydu avatar

taydu

New Zenner

Join Date:
Aug 2006
Posts:
60
Plugin Contributions:
0

Re: Change font size & type

not meant to hijack this thread, but my question is some what similar so i post this here instead of creating new thread

how can i change the font-size of the productName and productPrice that display in:

  • featured product
  • new product
  • special product

in the center box and side box. I don't think i got the correct class or ID. I used the firefox developer extension but I don't think i get it right.

thanks

22 May 2007, 6:22 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Change font size & type

in the center box and side box. I don't think i got the correct class or ID. I used the firefox developer extension but I don't think i get it right.
This is what you need and learn to apply them in the stylesheet.

No url to site...can't see the issue

22 May 2007, 7:29 PM
#5
taydu avatar

taydu

New Zenner

Join Date:
Aug 2006
Posts:
60
Plugin Contributions:
0

Re: Change font size & type

oopps forgot

this is the link to the site http://bestbuyfta.com/Shops/

Any references that I can use to understand more about CSS, look at few sticky on the forum but still not getting it right :(

22 May 2007, 7:36 PM
#6
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Change font size & type

22 May 2007, 11:25 PM
#7
fleabags avatar

fleabags

New Zenner

Join Date:
May 2007
Posts:
10
Plugin Contributions:
0

Re: Change font size & type

Thanks for the advice. I added the following code into the stylesheet:

#productName {
font-size: 11pt;
font-family: Curlz
}

#productPrices {
font-size: 11pt;
font-family: serif;
color:#333399
}

but no luck changing the product description text.

I can just go ahead and change it in the Admin section, but would prefer to not have to do that every time I add a new product.

Imbi

23 May 2007, 3:16 AM
#8
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Change font size & type

You're always better off listing more than one font in the "font family" because the browsers will use what the user's computer has available. List your preferred font first and then give some alternates.

23 May 2007, 6:50 AM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Change font size & type

Calling on fonts that might exist on your system but might not exist on anothers like: font-family: Curlz - is a sure way to not have your site viewed as you wish it to be. If this is a major issue with you and not for gobs of text but more for header text and the like - The best way to insure this is to create images for these with the required text as part of the image

30 Jun 2007, 3:11 PM
#10
hansi avatar

hansi

New Zenner

Join Date:
Aug 2006
Posts:
67
Plugin Contributions:
0

Re: Change font size & type

Hi Kobra,

Why not just use the #productDescription identifier in the css?

For example:

#productDescription
{
font-size: 14px;
font-family: verdana,sans-serif,arial, helvetica;
}

This worked for me.

Hansi