Blue image behind slider

}
.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: https://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.