Layering Blocks Using Z-Index

What is Z-Index?

Z-Index is a CSS property that defines the stacking order of overlapping adjacent blocks on a page. It allows you to control which blocks appear in front or behind others.

The higher the Z-Index value, the closer the element is to the front.

You can find the option to set the Z-Index in the Advanced tab of any block.

By default, the Z-Index is set to 1.

Using Z-Index

1. Select the blocks to stack

Choose which blocks on the page that will be stacked.

2. Assign Z-Index values

Apply Z-Index values to the blocks according to your desired stacking order. Higher values bring blocks to the front, while lower values push them to the back.