Support » Fixing WordPress » Replacing Sidebar Background Color

Viewing 4 replies - 1 through 4 (of 4 total)
  • bump to the top!

    I’m sorry, it would be changing the widget bg color!

    I NEED HELP!

    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;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Replacing Sidebar Background Color’ is closed to new replies.