I’m sorry, it would be changing the widget bg color!
This is a forum and not an instant messenger so you will notbe answered instantly. You may need to wait a day or two for an answer.
Start with these:
In your style.css replace the the sidebar section with the following:
/* sidebar */
#sidebar {
margin-top: 15px;
background-color: black;
padding-bottom: 20px;
float:right;
width: 260px;
color: #fff;
line-height: 160%;
position: relative;
}
.welcome {margin-bottom: 1em;}
.welcome h2{font-size: 23px;}
.welcome h3{font-size: 18px;}
.welcome h2, .welcome h3 {margin-bottom: 5px;}
#sidebar .dbx-box
#sidebar p {
margin: 0px 0px 15px;
}
#sidebar h3 {
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #fff;
}
#sidebar h3:hover{color: #fff;}
#sidebar h3 a, #sidebar h3 a:visited {
color: #fff;
}
#sidebar h3 img {
vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
color: #fff;
text-decoration:none;
}
#sidebar h3:hover{color: #000;}
#sidebar h3 a, #sidebar h3 a:visited {
color: #333;
}
#sidebar h3 img {
vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
color: #fff;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
text-decoration:underline;
}
#sidebar ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}
#sidebar ul li {
background-image: url(images/icons/bullet_black.png);
background-repeat: no-repeat;
padding-left: 22px ;
background-position: 0 1px;
}
#sidebar ul li ul li {
background-image: url(images/bullet_black.png);
background-repeat: no-repeat;
padding-left: 12px ;
}
In your dbx.css file replace the following:
/* inner content area */
.dbx-content {
margin: 0;
padding: 5px 10px 9px 10px;
background: #000;
overflow: hidden;
}