Black Friday Sale
Exclusive Design & Shopify Themes Resources
Hire us Hire Us
View Categories

Group

Group Block Settings

SettingsDescription
DirectionChoose the content direction inside the group. Available options include Vertical and Horizontal.
AlignmentSet the alignment of group content. Available options include Left, Center, and Right.
PositionAdjust the placement position of the group content inside the section.
GapControl the spacing between all blocks inside the group.
WidthSet the group width. Available options include Fit, Fill, and Custom.
Custom WidthAdjust the custom width percentage for desktop devices.
Mobile WidthSet the group width behavior on mobile devices. Available options include Fit, Fill, and Custom.
Mobile Custom WidthAdjust the custom width percentage for mobile devices.
HeightControl the group height. Available options include Fit, Fill, and Custom.
Inherit Color SchemeAutomatically use the parent section color scheme.
Background MediaAdd background content inside the group. Available options include None, Image, and Video.
BordersEnable or disable group borders. Available options include None and Solid.
Border ThicknessAdjust the thickness of the group border.
Border OpacityControl the transparency level of the border.
Corner RadiusAdjust rounded corners for the group container.
Media OverlayAdd an overlay effect over the background media.
LinkAdd a custom link to make the group clickable.
Open Link In New TabEnable the link to open in a new browser tab.
PaddingAdjust spacing inside the group using Top, Bottom, Left, and Right controls.

The Group block allows you to organize multiple content blocks together such as headings, text, buttons, images, or other elements. You can control layout direction, spacing, size, background, borders, and responsive appearance.