INTERACT FORUM

Please login or register.

Login with username, password and session length
Advanced search  
Pages: [1]   Go Down

Author Topic: Changing Background Color in WebGizmo  (Read 1164 times)

jeepin01

  • Member
  • *
  • Posts: 1
Changing Background Color in WebGizmo
« on: May 15, 2013, 01:23:04 am »

Pretty much what the title says.  I'm trying to change the background color from a grey to a true black.  I was able to edit all the other headers in the images folder, but I can't seem to locate how to change the background color.  Could anyone tell me what to modify?  Thanks. 
Logged

NickF

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 860
Re: Changing Background Color in WebGizmo
« Reply #1 on: May 19, 2013, 04:45:20 pm »

Hi,

If you look in the default.css file, you will find this entry:

body, input
{
   font-size: 16px;
   font-family: Tahoma, Geneva, sans-serif;
   font-weight: normal;
   background: #262626;
   color: #BBBBBB;
}

Change the value for background to #000000 for black.  Remember, though, that some of the overlaid navigation containers are black so they will no longer show against a black background.  You may want to change the colour of these.

.thumbitemcontainer
{
   width: 136px;
   height: 192px;
   padding: 10px 10px 8px 10px;
   background-image: url('images/item_background2.png');
   float: left;
   overflow: hidden;
   margin: 4px 4px 4px 4px;
}

You would need to create a new image for images/item_background2.png.

Good luck,

Nick.
Logged
HTPC - Intel i5-760 CPU, Windows 7 64 bit, NVIDIA GTS450 Silent, RME 9632 with A04, BlackGold BGT3600; Video Processor - Lumagen Radiance XD Processor; Projector - ProjectionDesign Action Model 3 1080; Denon AVC-A1HD; 4 x Tannoy Berkley and Velodyne DD-10
Pages: [1]   Go Up