Take the following steps to adjust the size and position of your Layer content easily.
Manual Adjustments
You can manually move Layers by dragging them around the editing stage with your mouse.
To resize Layers, simply drag any of the four sizing handles.
Settings Options
Add a CSS Transform to the Layer when hovering over it with your mouse.
- Alignment:
Align the Layer vertically and horizontally within the Slide. - X/Y Offsets:
Adjust the distance between the Layer and its alignment position. For example, if the Layer is aligned to the right, setting an X Offset of 30px will place it 30px from the right edge of the Module. - Width/Height:
Open the option’s menu and choose “Auto” for text-based Layers or input custom width and height values. - Size Presets:
Use sizing options for images and videos. Select “Cover” to ensure the Layer always fills the entire Module while maintaining its aspect ratio. - Layer Align:
Choose “Layer Area” to align the Layer with the Layers Grid, or “Scene” to align it with the entire Module (the “Scene” option is recommended).
6/7.Min/Max Width:
Set a minimum or maximum width for the Layer to ensure it never resizes beyond these limits.
8/9. Min/Max Height:
Set a minimum or maximum height for the Layer to ensure it stays within these specified dimensions.
Responsive Adjustments
Define the Layer’s responsive behavior rules for size and positioning.
Switch between different Responsive Views to fine-tune the size and position of your Layers for each viewport.
Preview the responsive settings while editing the options to ensure accuracy.
