You are viewing the OptimizePress 2.0 Help center. Click here for OptimizePress 3.0 support.

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

Support Discontinued
As a discontinued platform, OptimizePress 2.0 is no longer officially supported. We recommend upgrading to our new OptimizePress suite. Click the button below to see our latest plans
Upgrade to OptimizePress 3.0