Advertise Here

Author Topic: Need to on the background box colors CSS code  (Read 2020 times)

0 Members and 1 Guest are viewing this topic.

Offline sinatik45

  • SMF For Free Member
  • *
  • Posts: 43
    • View Profile

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Need to on the background box colors CSS code
« on: November 24, 2008, 10:21:55 am »
Forum Url: http://EcKclan.smfforfree.com
^^ if that doesnt work: http://EcKclan.smfforfree2.com/index.php
Right go on my page, and the white boxes covering the pics, text, chatbox etc.

How do i change it?

Basically i want to change it from white to a dull blue color,
I know how to get in the CSS etc. but cant seem to find where i can change that colour!

Thanks
« Last Edit: November 24, 2008, 10:47:32 am by sinatik45 »

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: Need to on the background box colors CSS code
« Reply #1 on: November 24, 2008, 10:54:35 am »
Look for the .windowbg, .windowbg2, .windowbg3 areas in the css

Check this thread for help as well.   There are  a couple of urls in the thread that lead to help with what areas cover what in the css.
Stylesheet Making Tips/Helpful Links
       
If your intent is to change the background color of the portal boxes only - they do not use a separate class. 
The area for the background for them is .windowbg..   Changing it in the css will change the background color of many areas on your forum.

You CAN change the background color of the html boxes on the Portal (not the predefined ones however)
Create a new class in the css -  there is help here in the Portal Guide thread:

http://www.smfsupport.com/support/guides_and_tutorials/guide_complete_guide_to_setting_up_the_portal-t7729.0.html;msg37048#msg37048
« Last Edit: November 24, 2008, 11:25:02 am by simply sibyl »

Offline sinatik45

  • SMF For Free Member
  • *
  • Posts: 43
    • View Profile

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: Need to on the background box colors CSS code
« Reply #2 on: November 24, 2008, 05:18:25 pm »
It's worked now, thanks!!!

Offline sinatik45

  • SMF For Free Member
  • *
  • Posts: 43
    • View Profile

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: Need to on the background box colors CSS code
« Reply #3 on: November 25, 2008, 12:26:43 pm »
Hey everything worked with the backgrounds now, and got the hang of it.

Last thing, go on my forum again and see the latest posts etc. or click on the Forum tab and all the text is black, where by in the CSS sheet can i change the font color for that?

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: Need to on the background box colors CSS code
« Reply #4 on: November 25, 2008, 12:46:08 pm »
Hey everything worked with the backgrounds now, and got the hang of it.

Last thing, go on my forum again and see the latest posts etc. or click on the Forum tab and all the text is black, where by in the CSS sheet can i change the font color for that?


Change the font colors here for those 3 areas:

Code: [Select]
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #242426;
}
.windowbg2
{
color: #000000;
background-color: #0F0F10;
}
.windowbg3
{
color: #000000;
background-color: #0A0C12;
}




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: Need to on the background box colors CSS code
« Reply #5 on: November 25, 2008, 12:52:58 pm »
Also this area:

Code: [Select]
/* By default (td, body..) use verdana in black. */
body, th
{
color: #FFFFFF;
font-size: small;
font-family: verdana, sans-serif;
}



That should be:     body, td, th , tr    so add the td, tr to that section

 

Related Topics

  Subject / Started by Replies Last post
23 Replies
14292 Views
Last post December 11, 2009, 11:13:45 pm
by simply sibyl
3 Replies
1295 Views
Last post June 21, 2007, 09:34:16 pm
by Kimmie
8 Replies
2246 Views
Last post July 21, 2008, 12:12:37 am
by Mayhem Maker
16 Replies
7866 Views
Last post September 28, 2009, 12:40:41 pm
by LaundryLady
1 Replies
1600 Views
Last post December 09, 2009, 03:38:44 pm
by LaundryLady