Skip to main content

Universal Block Settings

Every block in Wave shares a set of common settings that control its appearance, layout, and behavior. These settings ensure consistent design control across all block types.

Color scheme​

  • Color scheme: Choose from your defined color schemes or inherit the parent section's scheme.

Background​

  • Background type: None, Color, Gradient, or Image.
  • Background color: Choose a background color (when type is Color).
  • Background gradient: Set a gradient background (when type is Gradient).

Size & layout​

  • Width: Control the block's width behavior:
    • Fit: Block takes only the space it needs.
    • Fill: Block expands to fill available space.
    • Custom: Set a specific width value.
  • Alignment: Control text and content alignment within the block.

Spacing​

Most blocks provide device-specific spacing controls:

  • Padding (desktop): Top, right, bottom, left padding for desktop screens.
  • Padding (mobile): Separate padding values for mobile screens.
  • Margin (desktop): Top, right, bottom, left margin for desktop screens.
  • Margin (mobile): Separate margin values for mobile screens.

Borders​

  • Border radius: Control the corner roundness of the block.
  • Border style: Set border width, style, and color.

Animation​

  • Animation effect: Choose from fade, fade-up, fade-down, slide-left, slide-right, zoom-in, zoom-out, rotate, and more.
  • Animation duration: Set how long the animation takes.

Visibility​

  • Show on desktop: Toggle block visibility on desktop screens.
  • Show on mobile: Toggle block visibility on mobile screens.

This allows you to create different experiences for different devices — for example, showing a simplified layout on mobile while displaying a richer layout on desktop.

Hover effects​

Some blocks support hover effects:

  • Hover background: Change the background color or gradient on hover.
  • Hover border: Change the border style on hover.
  • Hover shadow: Add or modify shadow on hover.
tip

Not every block has all of these settings. The available settings depend on the block type. However, the spacing, animation, and visibility controls are available on virtually every block.