Skip to main content

Margins, Padding, Borders and Box Shadow

Customize margins, padding, borders, and box shadows.

Updated over 10 months ago

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.

Did this answer your question?