}
.foliage {
background: url(“images/foliage.png”) no-repeat scroll center top transparent;
height: 744px;
position: absolute;
top: 11px;
width: 100%;
z-index:0;
}
To change the color you have to open the page Appearance –> Background. Besides, you have to edit the code:
.foliage {
background: url("images/foliage.png") no-repeat scroll center top transparent;
height: 744px;
position: absolute;
top: 11px;
width: 100%;
z-index:0;
}
in the file style.css.
It seems that this removes the foliage behind the logo – which I did. But the large blue area that is behind the slider remains. Also, no matter what color I change the background to, it doesn’t change on the site.
Here is the site: http://gmchardwood.com/
Really want to remove that blue area. Thanks!
Even I have the same problem.
The colour which is at the top most position, A small strip of color whose color is almost #009A9A.
I couldn’t change it whatever I do.
Please help.
Finally I got it..
It is the ‘back.png’ image file responsible for that color. Either you can edit the image to your suitable colour. or change the
#page{
background:url(images/back.png) left top repeat-x;
padding-top:30px;
}
section in your style file.