Editor Settings - Block Size
The Block Size settings allows you to configure the height and width of a selected block element. This setting provides flexibility in defining how much space the block occupies within the layout.
Height Settings
Height Slider and Percentage
- Adjusts the vertical size of the block as a percentage of the available space.
- The default value is 100%, meaning the block occupies the full height of its container.
Full Height
- When checked, the block automatically extends to fill the entire height of its parent container.
- This option overrides manual percentage or pixel-based height adjustments.
Adjust Height to Content
- When enabled, the block height automatically adapts to the content inside it.
- Useful for text-based or dynamic content where the block should resize based on its contents.
Width Settings
Width Slider and Percentage
- Adjusts the horizontal size of the block as a percentage of the available width.
- The default value is 100%, meaning the block spans the entire width of its container.
Full Width
- Forces the block to occupy the entire width of its parent container.
- This option overrides any manual width adjustments.
Adjust Width to Content
- Automatically resizes the block’s width based on its content.
- Ideal for compact or inline elements.
The Block Size settings provide a simple yet powerful way to control how elements fit within a layout. By combining percentage controls, full-size options, and content-based adjustments, users can create flexible, responsive, and visually consistent designs. These settings ensure that blocks behave as intended across different screen sizes and layout structures.
Learn how to control which devices, screens, or conditions your popup elements appear on in the next section — Visibility Settings: Editor Settings - Visibility