Here is the three problem in one

1. I want to change background color of widget
2. I want to change widget header background color
3. There is a little gap in the left and right of widget header so how to fix it?

Hi,
In your CSS you have this code:

Code:

.h3 {
    background-color: red;
    border-bottom: 3px solid #CCC;
    color: #FFF;
    font-family: \\\'quicksand\\\';
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

Change the color here:

Code:

background-color: red;

Hello, h3 refers module of widget or not? I set red for who is online bar but sadly it shows in widget

Also tell me how to change black ground color or image in widget and also the gap in the right of widget bar?

For the widget background color, maybe this code is better:

Code:

.module.h3 {background-color: red;}

Change color as you want

Not working but can you tell me how to remove or change background of whole widget? I want to change this black shadow background of whole widget

Gray background #8F8DA0 in left widget

Code:

#content-container div#left {
    background-color: #8F8DA0;
    color: #FFF;
    float: left;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 270px;
}

It's not the solution

Army wrote:Not working but can you tell me how to remove or change background of whole widget? I want to change this black shadow background of whole widget

Can you put here your CSS code ?

Hi, could you please use a test account to check it? I cant copy css code indeed.

No, I would have to consult your forum with an account with administrator rights
And why can not you put your CSS code here?

Using mobile mate. So i asked u join in forum. I add u in acp panel to fix it