Use the following Custom CSS if you want to make your background image stretch to the whole background of the page:
body {
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
The background image should be uploaded through the live editor options – “Colour Scheme Settings > Page color settings > overall page colour options > Upload a Repeating Background Image.
You can also use one of the following background-position lines of code before the closing “}” in the code above (right after the background-size line. This will help you position the image right or center (left is default).
background-position: right !important;
background-position: center !important;