Visual
Last updated
Was this helpful?
Last updated
Was this helpful?
Allows you to set visibility settings on blocks.
It might not seem so obvious, but HTML elements are generated in a 3D space. Aligned on the x-axis and y-axis, elements can also rest on the z-axis.
The Z-index property defines the order of the elements on the z-axis.
The higher the number, the higher the item is in the stack and therefore closer to the screen surface.
When the Z-index property for the parent of a block is set, its children cannot be stacked above or below that level (relative to the Z-index context of the parent).
The Visibility property defines the visibility of an element. It can either be visible or hidden.
The Overflow property defines how the web browser should behave when content is larger than the space reserved for it.
Overflow defines whether content larger than the placeholder is still visible, if it is inherited, auto, visible, hidden, scroll, scroll-y, scroll-x.
Inherited Takes the display value of the parent.
Visible The element is fully displayed, even if it exceeds the height defined for its block, at the risk of colliding with the remaining elements.
Hidden The content that exceeds the placeholder is not displayed and can not be accessed.
Scroll, Scroll Y or X The overflowing content is hidden but it is possible to make it appear by using the scroll bars displayed by the browser.
Select a block.
Open the Block Inspector.
Open the Design tab.
Open the Layout tab.
Open the Visual tab.
Find Overflow.
Select required Overflow option (inherited, auto, visible, hidden, scroll, scroll-y, scroll-x).
Click dot to reset.