---
title: "Set Z-Index for Whatfix Content"
slug: "z-index"
updated: 2026-08-11T04:47:33Z
published: 2026-08-11T04:47:33Z
canonical: "support.whatfix.com/z-index"
---

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

# Set Z-Index for Whatfix Content

#### What is z-index property?

In CSS, the z-index property controls how the HTML elements are arranged or layered over each other. It defines the order of overlapping HTML elements. Elements with a higher index are placed on top of elements with a lower index.

The z-index property takes an integer value. For example, if you have two elements with a z-index of 0 and 1, the element with a z-index of 1 shows in front of the element with a z-index of 0.

Whatfix enables you to set the desired z-index for Whatfix elements. For example, if some underlying application element appears over Whatfix tooltips, you can set a much higher z-index value for Whatfix elements to ensure it shows up on top.

> [!NOTE]
> Info:
> 
> Z-index need not be a specific integer value. Any large integer, like 9999, ensures that the Whatfix content shows on top of the underlying application. If you want to use a specific z-index for any reason, reach out to your application developer for more information.

Use the following steps to set z-index for Whatfix content:

1. On the Whatfix Guidance dashboard, click **Settings**. ![ia_left_nav_settings](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_settings.png)
2. Click **Advanced customisation**. ![ia_settings_advanced%20configuration](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_settings_advanced%20configuration.png)
3. Click **Technical configuration**. ![ac_tech config.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ac_tech%20config.png)
4. Click **Add preferences**. ![tech config_add prefrences.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20prefrences.png)

1. Click **Common Properties**. ![tech config_common properties.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_common%20properties.png)
2. Select the **Z Index** checkbox. ![tech config_enable z index.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_enable%20z%20index.png)
3. Click **Add**. ![tech config_add button.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20button.png)
4. In the **Z Index Value** field, enter the desired value. ![tech config_z index value.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_z%20index%20value.png)
5. Click **Save**. ![tech config_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_save.png)

## Related

- [Whatfix Content](/whatfix-content.md)