---
title: "Z-Index Settings"
slug: "z-index-settings"
description: "This article covers how Z-index helps."
tags: ["z index", "z index value"]
updated: 2026-01-19T10:54:41Z
published: 2026-01-19T10:54:41Z
canonical: "academy.insiderone.com/z-index-settings"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Z-Index Settings

The Z-index settings allow you to specify the stacking order of elements along the Z-axis (depth axis) of the web page. The Z-index is particularly useful for controlling the visibility and layering of elements, ensuring that certain elements appear above or below others as desired.

## How does the Z-index help?

You can launch multiple campaigns on the same page, which can lead to conflicts among the campaigns and require customizing the Z-Index for each campaign.

Elements with a higher Z-index value will appear in front of elements with lower Z-index values. If two elements have the same Z-index, the one that appears later in the HTML document will be positioned at the top.

## How does the Z-index work?

You can find the Z-Index settings within the Position Menu of the Preview tab. You can assign a numerical value ranging from 0 to infinity, thereby determining the stacking sequence of campaigns. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1728996028238.png)

On-page templates have the maximum Z-index value, and inline templates are set to “0” by default. To set a custom Z-index value, you can enable the toggle and change it.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1728996120031.png)

Once you disable the toggle, the Z-index value is reset, and the campaign hierarchy is adjusted according to the template's default value.

> [!NOTE]
> The Z-index settings are available for [Web Templates](/v1/docs/web-suite-overview) and [InStory](/v1/docs/instory-overview) products.

## Related

- [Design a Web Template](/design-a-web-template.md)