This is a module of the Plover Kit plugin (Version v1.4.0 or above), you must install this plugin to access the features below.
This module allows you to set the CSS Position and Z-Index properties of a block. They are responsive and useful for responsive design.
This module currently supports the following core blocks.
You can enable this module via “WordPress Dashboard -> Plover Kit -> Modules -> CSS Position“
Position Panel Overview
Take the Group block for example, you can find the Position panel in the block settings.
Position
The position CSS property sets how an element is positioned in a document. There are currently 5 options.
You can try out how each type of options affects the position of an element here.
Z-Index
The z-index CSS property sets the z-order of a positioned element and its descendants or flex and grid items. Overlapping elements with a larger z-index cover those with a smaller one.
Positioned Value
The top, right, bottom, and left properties determine the final location of positioned elements.
Select Positioned Blocks
If the block is not selectable in the editor after you change the position property, you can use the Block Editor’s Document Overview menu to select the block.
Leave a Reply