Adding Full image background

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;
}

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;

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support