one way is to edit 2 files
1. libs/html.inc.php
2. templates/default/header.tpl
in html.inc.php find:
'closed_message' => $closed_message,
add after that
in header.tpl find:
change to:
<div id="content" class="{$ubb}">
then you now have a container class that varies by what value of $ubb you are using..
so for example, if you wanted to style the forum list ( $ubb = 'postlist' )
you would just add a css rule like ( in extra css):
#content.postlist tdheader {
new css here to override default tdheader
}
and given the nature of CSS, the extra css is added last, so it overrides the preceding rules
using that rules, allows you to override _any_ of the 'standard' style classes. not just tdheader
many designers will actually slap the class on the body tag instead, but i use that ( for me ) as a way of pulling in IE specific css crap that helps to mitigate IE's quirks
example: <body class='ie6' ...>
will pull in all the ie6 specific rules, since php detected that browser..
this might not be what you want however, since it will affect every tdheader on the page and not just those on the left..
so you could refine the css rule to be like:
#content.postlist body_col tdheader to pull in _just_ the one that your red arrow points to