How to Add a Full-Page Background Image to a Classic Builder Page

You can set a single image as a fixed background that covers the whole browser window behind your page content, using custom CSS.

This is community code, not an official Unbounce feature. Unbounce Support can't troubleshoot custom code.

Add the background image

Add the following to your page's Stylesheets section, replacing the image URL with your own:

<style>
  body {
    background: url('https://your-image-url.com/image.jpg') no-repeat center center fixed;
    background-size: cover;
  }
</style>

The fixed keyword keeps the image in place while the visitor scrolls, and cover scales it to fill the screen.