body font size

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
6/23/2011 12:25:27 PM
di0077
Gravatar
Total Posts 7
View Posts

body font size

Hi Joe,

I wrote to you awhile back regarding a site that I am developing using artisteer-30verticalmenu2. You were very helpful! I am having a new issue.

I want the default font size for the entire site to be 16px or 1em as I need to have custom font sizes for all items in the site. I wanted 16px to be my start off point. I am having difficulty finding out where to specify this class as there is no size in the body class in the style.css. Below are the classes that I believe are affecting the entire site font size:

body
{
  padding: 0;
  margin:0;
  color: #474747;
  height:100%;
  background-color: #71b8d9;
  min-width: 1000px;
}

 

#art-main, table
{
font-family: Arial, "Helvetica",  sans-serif;
font-size: 12px;

}

 

Not sure this is enough information -

Thanks Dianne

6/24/2011 9:37:15 AM
Joe Davis
Gravatar
Total Posts 2239
View Posts

Re: body font size

Hi Dianne,

You will need to add a font-size rule to the body selector in your CSS. Additionally, you should modify each other selector that has an explicit PX or PT for the font-size to use a relative sizing unit (% or EM).

Kyle Schaeffer has a very good article on font-size units and the PXtoEM.com website makes it easy to convert the units.

So, considering you want your base to be 16px, I would modify what you posted to look like this:

body
{
  padding: 0;
  margin:0;
  color: #474747;
  height:100%;
  background-color: #71b8d9;
  min-width: 1000px;
  font-size: 100%; /* 100% = 1em = 16px = 12pt */
}

 

#art-main, table
{
font-family: Arial, "Helvetica",  sans-serif;
font-size: 75%; /* 75% = 0.75em = 12px = 9pt */

}

HTH,
Joe D.

You must sign in to post in the forums. This thread is closed to new posts.