Row Settings
In the Page Builder editing interface, click the button on a Row to open the Row Settings properties panel. The panel contains five tabs: General, Background, Design, Animation, and Permissions.
Responsive settings
Fields in the panel marked with breakpoint icons (such as alignment, spacing, order, etc.) can be configured independently per responsive breakpoint, setting different values for different devices.
General
Row Alignment
Sets the vertical alignment of columns within the Row. Options: default, top, center, bottom.
Column Justification
Sets the horizontal distribution of columns within the Row. Options: left, center, right, space-between, space-around.
Order
Sets the display order of the Row; lower numbers come first.
Column Spacing
Sets the spacing between columns; horizontal and vertical directions can be set separately.
Container Visibility
Control the Row's visibility per device; click device icons to toggle.
ID
Custom HTML ID for anchor links or CSS/JS targeting.
Class
Custom CSS class name for custom styling.
Background
Configure the Row's background effect, with sub-tabs: Color, Image, Overlay, Video, Shape. The settings are the same as Section Background.
Design
Configure the Row's styling details, with sub-tabs: Text, Spacing, Width, Border. The settings are the same as Section Design.
Animation
Add entrance animation effects to the Row; supports setting animation type, delay time, duration, and more.
Permissions
Specify which roles can view this Row.