Background Color Behind User Info and News

[karras.us]

http://www.teamdoh.com/forum/index.php

The top of the forum where the news box and stats box is located, and the bottom were the copyright is.

I would like to blend those boxes with the rest of the site, like the forum area below it.

Could someone please help. I tried looking for a bgcolor, but couldn't find anything.

I found this,  and removed it but it didn't do what I wanted, so I put it back.

index.template.php

Code Select Expand

// The logo and the three info boxes.
echo '
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="position: relative;">
<tr>
<td colspan="2" valign="bottom" style="padding: 5px; white-space: nowrap;">';



// This part is the logo and forum name.  You should be able to change this to whatever you want...
   
   echo '
            </td>
         </tr>
         <tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
            <td valign="top">
               <div class="headertitles" style="margin-right: 5px; position: relative;"><img src="', $settings['images_url'], '/blank.gif" height="12" alt="" /></div>
               <div class="headerbodies" style="position: relative; margin-right: 5px; background-image: url(', $settings['images_url'], '/box_bg.gif);">
                  <img src="', $settings['images_url'], '/', $context['user']['language'], '/userinfo.gif" style="position: absolute; left: ', $context['browser']['is_ie5'] || $context['browser']['is_ie4'] ? '0' : '-1px', '; top: -16px; clear: both;" alt="" />
                  <table width="99%" cellpadding="0" cellspacing="5" border="0"><tr>';

   if (!empty($context['user']['avatar']))
      echo '<td valign="middle">', $context['user']['avatar']['image'], '</td>';

   echo '<td valign="top" class="smalltext" style="width: 100%; font-family: verdana, arial, sans-serif;">';

Any help would be greatly appreciated.

[karras.us]

Can anyone help me?

All that needs to be done, is a change of color, that's it.

I need to change the background of a box from white to gray, or remove the box.

Please see above link for problem.

I want to remove the box behind the news box and  user info box or changes its color.

[xenovanis]

Sorry for the late reply.

In the stylesheet of the theme you are currently using for your forum, try changing the background colors for these parts:

Code Select Expand


/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
background-color: white;
border-bottom: 1px solid gray;
}


and

Code Select Expand


/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
color: black;
background-color: white;
border-top: 1px solid gray;
}


Hope that helps 

[karras.us]

It works, but not exactly how I wanted it to.

It made the whole upper area where the logo is, the same color as the rest of the page.

Is there anyway to make it change just the color of that particular area, instead of the logo background aswell?



Thank you very much for helping.