Margins and Padding
To configure margins and padding for a selected Block or Element, use the right-side panel:
Click “+” to add margins or padding if none are preset.
Click “-” to remove existing settings.
You can set margins and padding for the top, left, bottom, and right in px, rem, em, or %.
Borders (Stroke)
To add or adjust borders, click “+” next to “Stroke” in the right-side panel. Then choose a color using the color picker, which includes recently used colors.
You have the following options available:
Adjust the opacity
Adjust line style (Solid, Dashed, Dotted).
Enable borders on specific sides (Top, Right, Bottom, Left).
Set the border width.
Save the configuration as a “Stroke Style” for future use. Apply saved styles as needed.
Note: Learn more about saving and using Styles in this article.
Box Shadows
To add or modify box shadows, click “+” next to “Box Shadow” in the right-side panel. Then choose the shadow color using the color picker.
You have the following options available:
Adjust opacity and apply saved color styles if desired.
Set shadow axes (X and Y).
Adjust blur and spread.
Use the "Inset" toggle to switch between internal and external shadows.
Stack multiple shadows by clicking “+” and adding additional shadow.
Save your configurations as a “Box Shadow" Style for future use.
Note: Learn more about saving and using Styles in this article.