How to Use the Z-Index in FlexiFunnels?

The Z-Index setting in FlexiFunnels allows you to control the stacking order of elements on your page. This means you can decide which element appears in front or behind when two or more elements overlap.

Steps to Use Z-Index

1. Open the Editor

   • Log in to your FlexiFunnels account and open the editor for the page you want to work on.
     

2. Select the Element

   • Click on the element (image, text, button, etc.) where you want to apply the Z-Index.
     
     
     

3. Adjust the Z-Index

   • In the element settings panel, locate the Z-Index option.

   • Enter a number:

     • Higher numbers bring the element to the front.

     • Lower numbers push the element behind other elements.
       
       
       

Example

• If you set Z-Index: 10 on an image and Z-Index: 5 on text, the image will appear on top of the text.

• Reversing the values will make the text appear above the image.