Changing Background of the main pages

My site - https://www.testmulberry.com - has this light grey background, which I do not mind. However, I would like for it to be a bit darker. Is there a way to change this color via the .css or anything? Or is this a permanent part of my site.

Thanks

in your stylesheet:

body {
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.72em;
color: #333333;
line-height: 17px;
}
.body-bg {
background: #f3f3f3 url("../images/body_up.gif") no-repeat center top;
}
.body-upper-bg {
background: url("../images/body_bg.gif") repeat-y center top;

change to wotever you desire:smile:

Thanks, I found where it was located, but figured out that I had to remove the image that it has being displayed in order for the whole background to change. Its a shame, i kind of liked those bubbles. I wonder if I can just edit that image and re-upload it?

Your template has some unnecessary complication in the form of two extra divs inside the overall body, named .body-bg and .body-upper-bg, which do things that could just as well be done by assigning the background color to the body and the background image with padding to #mainWrapper.
Nevertheless, you can change the body-bg rule at the top of your stylesheet to a different background-color.```
body {
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.72em;
color: #333333;
line-height: 17px;
}
.body-bg {
background: #262b31;
}
.body-upper-bg {
background: url("../images/body_bg.gif") repeat-y center top;
}

What does the body-up.gif look like? Does it have background color in it, or is it just the "bubbles"?