Title: Problem changing background image for divs
Last modified: August 19, 2016

---

# Problem changing background image for divs

 *  Resolved [aseenus](https://wordpress.org/support/users/aseenus/)
 * (@aseenus)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/problem-changing-background-image-for-divs/)
 * ok well I want to change the background for both my header and for my container
   but I cant :S This is what I have currently got..
 *     ```
       body {
       	background-color: #FFFFFF;
       	margin: 0;
       	padding: 0;
       	font-family: Verdana, Geneva, sans-serif;
       	font-size: 12px;
       	color: #000000;
       	text-align: justify;
       }
   
       #container {
       	width: 995px;
               background-image: url(images/background.gif);
               background-repeat: repeat-y;
       	margin: 0 auto;
       }
   
       #header {
       	height: 300px;
       	background: FFFFFF;
               background-image: url(images/logo.gif);
       	background-repeat: no-repeat;
       	font-size: 10px;
       	position: relative;
       }
       ```
   

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [aseenus](https://wordpress.org/support/users/aseenus/)
 * (@aseenus)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/problem-changing-background-image-for-divs/#post-1238658)
 * I thought id add the whole code, if someone could tell me if they see any problems
   with it id appreciate it a lot!
 *     ```
       body {
       	background-color: #FFFFFF;
       	margin: 0;
       	padding: 0;
       	font-family: Verdana, Geneva, sans-serif;
       	font-size: 12px;
       	text-align: justify;
       }
   
       #container {
       	width: 995px;
               background: url(uploads/background.gif);
               background-repeat: repeat-y;
       	margin: 0 auto;
       }
   
       #header {
       	height: 300px;
               background: url(images/logo.gif);
       	background-repeat: no-repeat;
       	font-size: 10px;
       	position: relative;
   
       }
   
       #header h1 {
       	margin: 0;
       	font-size: 20px;
       }
   
       #header a {
       	text-decoration: none;
       	color: #F00;
       }
   
       #header a:hover {
       	color: #F00;
       }
   
       #header #s {
       	background: #ffffff;
       	border: 1px solid #999999;
       	color: #666666;
       	width: 205px;
       	margin: 0;
       	font-size: 12px;
       	color: #999999;
       	padding: 2px;
       }
   
       #header #search {
       	position: absolute;
       	top: 40px;
       	right: 50px;
       	height: 20px;
       }
   
       #header #searchsubmit {
       	height: 20px;
       	width: 20px;
       	border: none;
       	cursor: pointer;
       	background-repeat: no-repeat;
       	display: none;
       }
   
       #login {
       	text-align: right;
       }
   
       #navbar {
       	margin: 0 0 20px 0;
       	background-image: url(images/menu.gif);
       	height: 100px;
       }
   
       #navbar ul {
       	margin: 0 0 0 30px;
       	padding: 0;
       }
   
       #navbar li {
       	display: inline;
       }
   
       #navbar a {
       	display: block;
       	float: left;
       	height: 30px;
       	padding: 0 30px 0 20px;
       	font-size: 12px;
       	color: #FFFFFF;
       	text-decoration: none;
       	line-height: 30px;
       	background: #FFFFFF;
       	background-position: right 50%;
       }
   
       #navbar a:hover {
       	color: #F00;
       	background: url(images/navbuttonbg-hover.gif);
       	background-position: right 50%;
       }
   
       #posts {
       	width: 600px;
       	padding: 0 0 0 50px;
       	margin: 0 0 20px 0;
       	float: left;
       }
   
       .commentbubble a {
       	float: left;
               background: url(images/commentbubble.gif);
       	background-repeat: no-repeat;
       	background-position: 0 -1px;
       	width: 30px;
       	height: 30px;
       	text-align: center;
       	font-size: 10px;
       	margin: 0 5px 0 0;
       }
   
       .date {
       	font-size: 12px;
       	color: #999999;
       	line-height: 1.5em;
       }
   
       .post {
       	margin: 0 0 30px 0;
       }
   
       .tags {
       	font-size: 10px;
       	line-height: 1.5em;
       	color: #FFFFFF;
       }
   
       .post h2 {
       	font-size: 16px;
       	font-weight: bold;
       	margin: 0;
       }
   
       .post h3 {
       	font-size: 14px;
       	font-weight: bold;
   
       }
   
       .post a, .navigation a {
       	color: #F00;
       	text-decoration: none;
       }
   
       .post a:hover, .navigation a:hover {
       	color: #333333;
       }
   
       .post a img {
       	border: none;
       }
   
       .postmetadata {
       	font-size: 10px;
       	line-height: 1.5em;
       }
   
       .post img.alignleft {
       	float: left;
       	margin: 0 20px 20px 0;
       }
   
       .post img.alignright {
       	float: right;
       	margin: 0 0 20px 20px;
       }
   
       .post img.aligncenter {
       	text-align: center;
       }
   
       .post .wp-caption {
       	border: 1px solid #cccccc;
       	background: #ebebeb;
       	text-align: center;
       	padding: 10px 5px 0 5px;
       }
   
       .post .wp-caption-text {
       	margin: 0;
       	font-size: 12px;
       }
   
       #commentform #author, #commentform #email, #commentform #url, #commentform #comment {
       	background: #ffffff;
       	border: 1px solid #cccccc;
       	color: #666666;
       }
   
       .commentlist {
       	list-style-type: none;
       	margin: 0;
       	padding: 0;
       }
   
       .commentlist li {
       	background: #ebebeb;
       	padding: 20px;
       	border: 1px solid #cccccc;
       	margin: 0 0 20px 0;
       }
   
       .avatar {
       	float: left;
       	margin: 0 5px 0 0;
       }
   
       .sidebar {
       	margin-left: 700px;
       }
   
       .sidebar ul {
       	list-style-type: none;
       	margin: 0 0 30px 0;
       	padding: 0;
       }
   
       .sidebar h2 {
       	margin: 0 0 5px 0;
       	font-size: 16px;
       	color: #F00;
       	width: 210px;
       	border-bottom: 1px solid #cccccc;
       }
   
       .sidebar a {
       	color: #F00;
       	text-decoration: none;
       }
   
       .sidebar a:hover {
       	color: #999999;
       }
   
       #footer {
               clear:both;
               text-align: center;
       	height: 150px;
               width: 960px;
       	background-color: #FFFFFF;
               font-size: 9px;
       }
   
       #wp-calendar {
       	width: 210px;
       	background: #ebebeb;
       	border: 1px solid #cccccc;
       	margin: 0 0 30px 0;
       	font-size: 12px;
       	text-align: center;
       }
   
       #wp-calendar caption {
       	text-align: left;
       }
   
       #wp-calendar #today {
       	background: #cccccc;
       }
   
       #wp-calendar a {
       	display: block;
       	width: 100%;
       	height: 100%;
       }
   
       #wp-calendar a:hover {
       	background: #cccccc;
       }
       ```
   
 *  Thread Starter [aseenus](https://wordpress.org/support/users/aseenus/)
 * (@aseenus)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/problem-changing-background-image-for-divs/#post-1238830)
 * bumping for assistance.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Problem changing background image for divs’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [div](https://wordpress.org/support/topic-tag/div/)
 * [problem](https://wordpress.org/support/topic-tag/problem/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 1 participant
 * Last reply from: [aseenus](https://wordpress.org/support/users/aseenus/)
 * Last activity: [16 years, 7 months ago](https://wordpress.org/support/topic/problem-changing-background-image-for-divs/#post-1238830)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics