I'm by now means a theming expert, so I'm probably the cause of this problem, but:

Ninesixty's text.css defines body thus:

body {
  font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

If I create a subtheme with one additional stylesheet and add the following line to that stylesheet:

body{
	font: 11px/1.5em 'Georgia';
}

for example, then nothing changes. I can override h1, h2, and pretty much anything else set in text.css, but changing the body tag is proving more difficult. What am I doing wrong?

Comments

dvessel’s picture

dvessel commented
Status: Active » Postponed (maintainer needs more info)

Could you list all the styles listed in the head of your page in the exact order it's shown?

jim0203’s picture

jim0203 commented 
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/admin_menu/admin_menu.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/block/block.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/themes/ninesixty/styles/framework/reset.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/themes/ninesixty/styles/framework/text.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/themes/ninesixty/styles/framework/960.css?Y" />

<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/themes/ninesixty/styles/framework/debug.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/node/node.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/system/admin.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/system/defaults.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/system/system.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/system/system-menus.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/modules/user/user.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/cck/theme/content-module.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/ctools/css/ctools.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/date/date.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/feedback/feedback.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/filefield/filefield.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/themes/ninesixty/styles/styles.css?Y" />
<link type="text/css" rel="stylesheet" media="all" href="/~ucandoit/sites/all/themes/ninesixtysub/ninesixtysub.css?Y" />

ninesixtysub.css is the stylesheet which should change the body tag.

chris_getdepth’s picture

chris_getdepth commented

*edit ive found the root of my problem - it was down to a badly placed ; so nothing to do with ninesixty theme at all!
cheers
cnp

rok@luckypressure.com’s picture

rok@luckypressure.com commented
Status: Postponed (maintainer needs more info) » Closed (fixed)
jim0203’s picture

jim0203 commented
Status: Closed (fixed) » Active

My original issue still hasn't been addressed - I've tried a completely clean install with a 960 sub theme, and I can't seem to change the body tag.

rok@luckypressure.com’s picture

rok@luckypressure.com commented

First to override the stylesheet, you should rename your css file from "ninesixtysub.css" to "styles.css" and put it in the folder "/sites/all/themes/ninesixtysub/styles/". Try this and see what happens.

You should check sub-themes structure and inheritance, http://drupal.org/node/225125

dvessel’s picture

dvessel commented

I think the way you added the rule is invalid:

bad:

body{
  font: 11px/1.5em 'Georgia';
}

That "11px/1.5em" doesn't look right. When written out like that, you can't mix measurement types. Omit the "em" or add "px" instead then it should work.

good:

body {
  font: 11px/1.5 'Georgia';
  /* 1.5 works as a multiplier of the base font size I think. */
}

/* or */

body {
  font: 11px/16px 'Georgia';
  /* 16 defined in pixel values. */
}

/* or */

body {
  font: 1.1em/1.5em 'Georgia';
  /* if you must define line height in em's, define the font size in em's also. */
}

I missed it on first glance but try changing that.

dvessel’s picture

dvessel commented
Status: Active » Closed (fixed)

This was never a NineSixty issue. Hope that works out for you.

jim0203’s picture

jim0203 commented

I just did a completely clean install of D6 and 960 and took my CSS from Mark Boulton's site; http://markboulton.co.uk/global/css/typography.css - I'm taking this way of writing CSS from Mark.

Specifically, I added

body {
	font: 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;
	color: #555;
	background: #fff url(http://www.markboulton.co.uk/global/img/bg.gif) fixed top repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, verdana, sans-serif; 
	/* font-family: "Georgia", "Times New Roman", serif; */
	font-weight: normal;
	padding: 0 0 0 10px;	
	margin-bottom: 0.5em;
	color: #666;
}

To my custom css stylesheet, and it worked fine - see http://dev.state68.com/, and the stylesheet at http://dev.state68.com/sites/all/themes/ninesixtysub/style.css. I'm not quite sure what was going wrong before, but the CSS is right, for the record. Thanks for your help; I'll post back if I get the same problem again and can replicate it.