Advertise Here

Author Topic: Is there a way to change Board Heading Colours?  (Read 2034 times)

0 Members and 1 Guest are viewing this topic.

Offline Mago

  • SMF For Free Full Member
  • *
  • Posts: 137
    • View Profile

  • Total Badges: 18
    Badges: (View All)
    Sixth year Anniversary Fifth year Anniversary Level 4 Fourth year Anniversary Search
Is there a way to change Board Heading Colours?
« on: August 18, 2009, 09:49:40 am »

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?

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: Is there a way to change Board Heading Colours?
« Reply #1 on: August 18, 2009, 09:52:21 am »
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;
}

       
« Last Edit: August 18, 2009, 09:57:23 am by simply sibyl »

Offline Mago

  • SMF For Free Full Member
  • *
  • Posts: 137
    • View Profile

  • Total Badges: 18
    Badges: (View All)
    Sixth year Anniversary Fifth year Anniversary Level 4 Fourth year Anniversary Search
Re: Is there a way to change Board Heading Colours?
« Reply #2 on: August 18, 2009, 10:44:55 am »
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
« Last Edit: August 18, 2009, 10:54:14 am by simply sibyl »

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: Is there a way to change Board Heading Colours?
« Reply #3 on: August 18, 2009, 10:49:44 am »
Change:

Code: [Select]
  color: #red;
To:

Code: [Select]
  color: red;
Do not use  "#" when using color names - use only for code codes  (#FFFFFF)
« Last Edit: August 18, 2009, 10:55:25 am by simply sibyl »

 

Related Topics

  Subject / Started by Replies Last post
5 Replies
2343 Views
Last post September 20, 2007, 02:32:48 pm
by Kimmie
0 Replies
795 Views
Last post August 18, 2009, 09:52:31 am
by simply sibyl
6 Replies
3269 Views
Last post April 27, 2010, 11:09:30 pm
by Agent Moose
2 Replies
989 Views
Last post November 19, 2010, 11:51:43 am
by Ironboy
8 Replies
8136 Views
Last post November 22, 2012, 06:17:23 am
by Segatendo