---
title: Wallpaper
description: Capture the viewers attention delivering brand messaging in the surrounding space around page content
---

[Skip to content](https://help.adventive.com/en/knowledge/wallpaper-site-skin-format#main-content)

[![Logo - Dark (1)](https://help.adventive.com/hubfs/Logo%20-%20Dark%20(1).svg)](https://adventive.com)

Open main navigation

Close main navigation

 Hello. How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://help.adventive.com/en/knowledge)
2. [Building Ads](https://help.adventive.com/en/knowledge/building-ads)
3. [Ad Formats](https://help.adventive.com/en/knowledge/building-ads#ad-formats)

# Wallpaper

## Capture the viewers attention delivering brand messaging in the surrounding space around page content

**Resources:**  
         [Download our PSD templates for this format](https://help.adventive.com/hubfs/adventive-wallpaper-psd-template.psd)

[Explore our Ad Gallery for examples of this format](https://adventive.com/gallery?format=Wallpaper)

**In this article, you will learn:**

[How to Build a Wallpaper Unit](https://help.adventive.com/en/knowledge/wallpaper-site-skin-format#build-wallpaper)

[How to Configure the Wallpaper Unit Properties](https://help.adventive.com/en/knowledge/wallpaper-site-skin-format#configure-wallpaper-properties)

Wallpaper units vary greatly depending on the site. Please contact [Adventive Support](mailto:support@adventive.com) to test prior to your first campaign.  This also applies to site re-design or if various pages of your site are set up differently.

### How to Build a Wallpaper Unit

Below you will find a step-by-step process to build a Wallpaper unit.

1. Provide a *unique* **Name** for the unit, and select **Wallpaper** from the **Format** dropdown
2. Define your initial ad dimensions (or select one of Adventive's pre-populated options)
3. Backup Image (Optional) and Click URL (Optional) may be left blank at this time, click **Submit**

![](https://help.adventive.com/hubfs/Knowledge%20Base%20Import/support.adventive.comhcarticle_attachments360049652411Screen_Shot_2020-02-13_at_12.06.53_PM.png)

**Configuring the canvas**

The builder will now load the main Wallpaper canvas based on the dimensions inputted in step #2.  You'll notice a transparent pink overlay in the middle of the canvas.  This acts as a placeholder for your site content (it is not visible in the live ad).  The two white gutters on either side of the center content area are 'live.'  This is where you will place your ad conent. 

![KB-Wallpaper-Canvas](https://help.adventive.com/hs-fs/hubfs/2023%20Intro%20Animations%20+%20Context%20Menu/KB-Wallpaper-Canvas.png?width=670&height=448&name=KB-Wallpaper-Canvas.png)

You can use the zoom slider at the bottom right of the builder (above the timeline) to zoom in or out to see the full canvas.

![Ad Builder - Zoom Slider](https://help.adventive.com/hs-fs/hubfs/Ad%20Builder%20-%20Zoom%20Slider.png?width=300&name=Ad%20Builder%20-%20Zoom%20Slider.png)  
**Configuring the General Ad Properties**

Modifications can easily be made to the general ad configuration using the General Ad Properties panel on the right-hand side of the builder window. See [this article](https://help.adventive.com/en/knowledge/general-ad-properties) for instructions on configuring the General Ad Properties. 

### How to Configure the Wallpaper Unit Properties

The Wallpaper properties configuration options are explained below:

| Header padding | If you are also running a masthead banner at the top of your page,  header padding allows you to set spacing in pixels if needed.  |
| --- | --- |
| Scroll with page | When selected, the ad will scroll up and down with the page content, otherwise the ad will remain static and in fixed position. |
| Show page placeholder | When selected, the pink transparent page content placeholder will appear.  This setting does not impact ad serving or live content. |
| Page width | By default, the content width is set to 1000px.  This setting does not impact ad serving or live content. |

Below is an example of assets placed in the left and right gutters, with the page content placeholder activated:

![KB-Wallpaper-Canvas-2](https://help.adventive.com/hs-fs/hubfs/2023%20Intro%20Animations%20+%20Context%20Menu/KB-Wallpaper-Canvas-2.png?width=670&height=447&name=KB-Wallpaper-Canvas-2.png)

 

**Configuring optional Wallpaper properties**

Additional settings are made available when designing wallpaper units to account for various site configurations (e.g. z-indexes, and floating).  If you need assistance with a Wallpaper configuration that is not functioning correctly after modifying these settings, please contact [Adventive Support](mailto:support@adventive.com).

| Float outside ad | When selected, a Z-index field will show (default of 70000000 will show) – you can click in this field to change your Z-index setting (for your site needs/for the asset to properly display above site content). |
| --- | --- |
| Float left | With your left asset selected, you can select Float Left to have object automatically display above your site content at a default z-index of 70000000) |
| Float right | With your right asset selected, you can select Float Right to have the object automatically display above your site content at a default z-index of 70000000) |

**Configure actions, hitboxes, or components**   
Extend the functionality of the wallpaper ad with user actions, hitboxes, or components:

[User initiated actions](https://help.adventive.com/en/knowledge/building-ads#user-initiated-actions)

[Hitboxes](https://help.adventive.com/en/knowledge/tools-hit-box)

[Rich media components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)

We recommended to save your Wallpaper unit as a Global Template once tested to save all your settings.  You can then Save As from your Wallpaper Global Template and just right click on the gutter image (by right clicking on the layer at the bottom of the builder) to “replace asset” – this will keep your settings if you have a z-index adjustment.

- [Account settings](https://help.adventive.com/en/knowledge/account-settings)
- [Payments and billing](https://help.adventive.com/en/knowledge/payments-and-billing)
- [Advertisers](https://help.adventive.com/en/knowledge/advertisers)
- [Building Ads](https://help.adventive.com/en/knowledge/building-ads#main-content)

    - [Builder Basics](https://help.adventive.com/en/knowledge/building-ads#builder-basics)
    - [Ad Formats](https://help.adventive.com/en/knowledge/building-ads#ad-formats)
    - [Rich Media Components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)
    - [User initiated actions](https://help.adventive.com/en/knowledge/building-ads#user-initiated-actions)
    - [Tools](https://help.adventive.com/en/knowledge/building-ads#tools)
    - [Embedded Players](https://help.adventive.com/en/knowledge/building-ads#embedded-players)
    - [Best Practices](https://help.adventive.com/en/knowledge/building-ads#best-practices)
    - [Adventive Services](https://help.adventive.com/en/knowledge/building-ads#adventive-services)
- [Campaigns & Trafficking](https://help.adventive.com/en/knowledge/campaigns-trafficking#main-content)

    - [Third Party Tracking](https://help.adventive.com/en/knowledge/campaigns-trafficking#third-party-tracking)
    - [Ad Tags](https://help.adventive.com/en/knowledge/campaigns-trafficking#ad-tags)
    - [Delivery Groups](https://help.adventive.com/en/knowledge/campaigns-trafficking#delivery-groups)
- [Reporting](https://help.adventive.com/en/knowledge/reporting#main-content)

    - [Reports](https://help.adventive.com/en/knowledge/reporting#reports)

[![Logo - Dark (1)](https://help.adventive.com/hubfs/Logo%20-%20Dark%20(1).svg "Logo - Dark (1)")](https://adventive.com)

<https://www.facebook.com/adventiveinc/> <https://www.instagram.com/adventiveinc> <https://linkedin.com/company/adventive-inc>

Copyright © 2026, Adventive Tech Inc