Group
The Group block acts as a flexible container that allows you to nest multiple other blocks inside it. This is essential for applying layout rules (Horizontal/Vertical) and dedicated styling (Color Scheme, Background Image, Padding) to a specific cluster of content.
General settings
Link
The URL that the entire Group block container links to when clicked.
Open link in new tab
A checkbox that, when enabled, ensures the linked URL opens in a new browser tab.
Inherit Color Scheme
A checkbox that, when enabled (Default), uses the color scheme from the parent section.
Color scheme
Only visible when Inherit Color Scheme is disabled.
Allows you to manually select a specific Color Scheme for the group block.
Layout
Direction
Controls how the nested blocks are arranged: Vertical (Staked, default) or Horizontal (Side-by-side).
Vertical on Mobile
Only visible when Direction is Horizontal.
Check this box to force nested blocks to stack vertically on mobile devices.
Content Wrap
Only visible when Direction is Horizontal.
Check this box to allow nested blocks to wrap to the next line if they exceed the group's width.
Horizontal Position
Only visible when Direction is Horizontal.
Controls the vertical alignment (cross-axis):
Top
Center (Default)
Bottom.
Vertical Position
Only visible when Direction is Vertical.
Controls the vertical alignment (main axis):
Top,
Center (Default)
Bottom
Space Between (Distributes space evenly).
Vertical Alignment
Only visible when Direction is Vertical.
Controls the horizontal alignment (cross-axis):
Start (Left),
Center (Default)
End (Right).
Horizontal Alignment
Only visible when Direction is Horizontal.
Controls the horizontal arrangement (main axis):
Start (Left)
Center (Default)
End (Right)
Space Between (Distributes space evenly)
Gap
Sets the spacing (gutter) between the nested blocks, measured in pixels (px) (Range: 0px to 100px).
Size
Width
Desktop
Defines the block's width:
Fit (Default — size determined by content)
Fill (Expands to fill available space)
Custom (Allows setting a specific percentage width).
Custom Width
Desktop
Only visible when Width is Custom.
Sets the specific block width in percentage (%) (Range: 0% to 100%).
Mobile Width
Mobile
Defines the block's width on mobile: Fit, Fill (Default), or Custom.
Custom Mobile Width
Mobile
Only visible when Mobile Width is Custom.
Sets the specific block width on mobile in percentage (%) (Range: 0% to 100%).
Height
Both
Defines the height:
Fit (Default — size determined by content)
Fill (Expands to fill available space)
Custom (Allows setting a specific percentage width).
Adapt to media background
Custom Height
Both
Only visible when Height is Custom. Sets the specific block height in percentage (%) (Range: 0% to 100%).
Appearance
Background Media
Selects the background media:
None (Default)
Image
Video.
Image
Only visible when Background Media is Image.
Allows image upload for the background.
Local Video
Only visible when Background Media is Video.
Allows video upload for the background.
Corner Radius
Controls rounding:
None
Custom.
Custom Radius
Only visible when Corner Radius is Custom.
Sets the custom radius in pixels (px) (Range: 0px to 100px).
Enable Background Overlay
Only visible when Background Media is not None.
Check to add a colored layer over the background media for contrast.
Overlay Color
Only visible when Overlay is enabled.
Sets the color and transparency (alpha) of the overlay.
Overlay Style
Only visible when Overlay is enabled.
Defines the style:
Solid (Default)
Gradient.
Gradient Direction
Only visible when Overlay Style is Gradient.
Sets the direction:
To Top (Default)
To Bottom.
Border Style
Adds a border:
None (Default)
Solid.
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
Top
Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px).
Bottom
Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px).
Last updated