Is there a way to change Board Heading Colours?

[Mago]

Is there a way to,

#1 Change The Text colour?

#Center The Text

I assume that the changes, (if possible) would have to be made in the Style Sheet, and if so where would I make the changes?

[simply sibyl]

Look for the catbg areas in the css -  change the font color there.
It will change the font color anywhere catbg is used on the forum - not just the board headers.

If you want to center the text you would add the following to the catbg area in the css:

Code: [Select]

text-align: center;
Again -  this is going to center the text in all catbg areas on the forum.

Stylesheet Making Tips/Helpful Links

Code: [Select]

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background: url(http://images.smfboards.com/Themes2/default/images/catbg.jpg) #88A6C0 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
   background: url(http://images.smfboards.com/Themes2/default/images/catbg2.jpg) #A1BFD9 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
   border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
   font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
   font-size: 95%;
   color: white;
   text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
   color: white;
   text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
   color: #e0e0ff;
}

       

[Mago]

I seem to be going wrong some where? I have changed the colour from white to red with no visable change.

Code: [Select]

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background-image: url(http://www.smfboards.com/Themes2/black/images/catbg.jpg);
background-color: #BEBEBE;
color: #red;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-image: url(http://www.smfboards.com/Themes2/black/images/catbg2.jpg);
background-color: #D9D9D9;
color:red;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #777777;
background-repeat: repeat-x;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: red;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: red;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color:red;
}

*code tags added by Moderator

[simply sibyl]

Change:

Code: [Select]

  color: #red;
To:

Code: [Select]

  color: red;
Do not use  "#" when using color names - use only for code codes  (#FFFFFF)