Flush columns (source spaces by module margins)
flushColumns
- Input
- Yes or no
- Required
- No
- Choices
- No fixed list
- Field default
- Not declared
- Starter value
- Not set
Open a page in Composer in the site admin and select the section you are inspecting. Use Settings and Appearance alongside the fields below. Read the shared field guide for the meaning of the table columns.
Checked against the product’s code on 7 November 2026.
This reference lists the catalog fields and their basic starter configuration. Read Shared section fields for the default rules and the shared groups of fields added to these sections. A chosen preset can start with different values.
CTA means call to action. Viewport means the browser’s visible area. Opacity controls how see-through something is: 0 is transparent and 1 is solid. The semantic tag records what kind of content a layout represents.
A row of columns that holds child content, with controls for layout and presentation.
Also carries: Advanced fields, Appearance fields. See shared fields.
| Field | Input | Required | Choices | Field default | Starter value |
|---|---|---|---|---|---|
Flush columns (source spaces by module margins)flushColumns |
Yes or no | No | No fixed list | Not declared | Not set |
Equal-height columns (declared by the source)equalHeight |
Yes or no | No | No fixed list | Not declared | Not set |
Hidden on mobile (declared by the source)hiddenMobile |
Yes or no | No | No fixed list | Not declared | Not set |
Hidden on tablet (declared by the source)hiddenTablet |
Yes or no | No | No fixed list | Not declared | Not set |
Hidden on desktop (declared by the source)hiddenDesktop |
Yes or no | No | No fixed list | Not declared | Not set |
Background imagebackgroundImageUrl |
Picture | No | No fixed list | Not declared | Not set |
Background colour (beneath the image)backgroundColor |
Text | No | No fixed list | Not declared | Not set |
Background gradient (CSS, layered above the image)backgroundGradient |
Text | No | No fixed list | Not declared | Not set |
Background overlay colorbackgroundOverlayColor |
Text | No | No fixed list | Not declared | Not set |
Background overlay opacity (0 to 1)backgroundOverlayOpacity |
Number | No | No fixed list | Not declared | Not set |
Content max width (declared by the source row, e.g. 886px)contentMaxWidth |
Text | No | No fixed list | Not declared | Not set |
Content width mode (declared by the source row: boxed constrains to the kit’s own default; full spans its own parent)contentWidthMode |
Choice | No | Boxed (the kit’s own default width) (boxed); Full (spans its own parent, no cap) (full) |
Not declared | Not set |
Space between columns (declared by the source row, e.g. 0px)gridGap |
Text | No | No fixed list | Not declared | Not set |
Space between wrapped rows (declared by the source row)gridRowGap |
Text | No | No fixed list | Not declared | Not set |
Space between columns, tablet (declared)gridGapTablet |
Text | No | No fixed list | Not declared | Not set |
Space between columns, mobile (declared)gridGapMobile |
Text | No | No fixed list | Not declared | Not set |
Space between wrapped rows, tablet (declared)gridRowGapTablet |
Text | No | No fixed list | Not declared | Not set |
Space between wrapped rows, mobile (declared)gridRowGapMobile |
Text | No | No fixed list | Not declared | Not set |
Min height (declared by the source row, e.g. 100vh)rowMinHeight |
Text | No | No fixed list | Not declared | Not set |
Source viewport rangesresponsiveProfile |
Source viewport ranges | No | No fixed list | Not declared | Not set |
Min height, tablet (declared)rowMinHeightTablet |
Text | No | No fixed list | Not declared | Not set |
Min height, mobile (declared)rowMinHeightMobile |
Text | No | No fixed list | Not declared | Not set |
Padding (declared by the source row, four sides, e.g. 6% 20px 3% 20px)rowPadding |
Text | No | No fixed list | Not declared | Not set |
Padding, tablet (declared)rowPaddingTablet |
Text | No | No fixed list | Not declared | Not set |
Padding, mobile (declared; the builder zeroes the sides)rowPaddingMobile |
Text | No | No fixed list | Not declared | Not set |
Outer margin (declared by the source row, four sides)rowMargin |
Text | No | No fixed list | Not declared | Not set |
Outer margin, tablet (declared)rowMarginTablet |
Text | No | No fixed list | Not declared | Not set |
Outer margin, mobile (declared)rowMarginMobile |
Text | No | No fixed list | Not declared | Not set |
Border style (declared by the source row)borderStyle |
Choice | No | Solid (solid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove) |
Not declared | Not set |
Border width (declared by the source row, four sides)borderWidth |
Text | No | No fixed list | Not declared | Not set |
Border width, tablet (declared)borderWidthTablet |
Text | No | No fixed list | Not declared | Not set |
Border width, mobile (declared)borderWidthMobile |
Text | No | No fixed list | Not declared | Not set |
Border color (declared by the source row)borderColor |
Text | No | No fixed list | Not declared | Not set |
Corner radius (declared by the source row, four corners)borderRadius |
Text | No | No fixed list | Not declared | Not set |
Corner radius, tablet (declared)borderRadiusTablet |
Text | No | No fixed list | Not declared | Not set |
Corner radius, mobile (declared)borderRadiusMobile |
Text | No | No fixed list | Not declared | Not set |
Box shadow (declared by the source row, a CSS box-shadow value)boxShadow |
Text | No | No fixed list | Not declared | Not set |
Stacking order (declared by the source row)zIndex |
Number | No | No fixed list | Not declared | Not set |
Stacking order, tablet (declared)zIndexTablet |
Number | No | No fixed list | Not declared | Not set |
Stacking order, mobile (declared)zIndexMobile |
Number | No | No fixed list | Not declared | Not set |
Border style on hover (declared by the source row)hoverBorderStyle |
Choice | No | Solid (solid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove) |
Not declared | Not set |
Border width on hover (declared, four sides)hoverBorderWidth |
Text | No | No fixed list | Not declared | Not set |
Border width on hover, tablet (declared)hoverBorderWidthTablet |
Text | No | No fixed list | Not declared | Not set |
Border width on hover, mobile (declared)hoverBorderWidthMobile |
Text | No | No fixed list | Not declared | Not set |
Border color on hover (declared by the source row)hoverBorderColor |
Text | No | No fixed list | Not declared | Not set |
Corner radius on hover (declared, four corners)hoverBorderRadius |
Text | No | No fixed list | Not declared | Not set |
Corner radius on hover, tablet (declared)hoverBorderRadiusTablet |
Text | No | No fixed list | Not declared | Not set |
Corner radius on hover, mobile (declared)hoverBorderRadiusMobile |
Text | No | No fixed list | Not declared | Not set |
Box shadow on hover (declared, a CSS box-shadow value)hoverBoxShadow |
Text | No | No fixed list | Not declared | Not set |
Hover transition (ms, declared by the source row)hoverTransitionMs |
Number | No | No fixed list | Not declared | Not set |
Text color (declared by the source row; it cascades to the row’s content)textColor |
Text | No | No fixed list | Not declared | Not set |
Breakpoint basisregime |
Choice | No | The host column’s width (default) (host); The viewport (a source builder’s nested group) (viewport) |
Not declared | Not set |
Column order, tablet (declared by the source row)columnOrderTablet |
Choice | No | Reversed (reverse) |
Not declared | Not set |
Column order, mobile (declared by the source row)columnOrderMobile |
Choice | No | Reversed (reverse) |
Not declared | Not set |
Column content flow (declared by the source builder)columnFlow |
Choice | No | Flex column (margins never collapse) (flex); Block flow (margins collapse) (block) |
Not declared | Not set |
Background bleed (declared by the source row)bleed |
Choice | No | Full browser width (full); Content width (content) |
Not declared | Not set |
Columnscolumns |
List of entries | No | No fixed list | Not declared | 2 starter entries |
Width % (desktop)columns[].width |
Text | No | No fixed list | Not declared | 50 |
Width % (tablet; blank = desktop)columns[].widthTablet |
Text | No | No fixed list | Not declared | Not set |
Width % (mobile; blank = stacked)columns[].widthMobile |
Text | No | No fixed list | Not declared | Not set |
Max width on mobile (declared by the source; column centred in its line)columns[].maxWidthMobile |
Text | No | No fixed list | Not declared | Not set |
Vertical alignment (declared by the source column)columns[].verticalAlign |
Choice | No | Top (top); Center (center); Bottom (bottom) |
Not declared | Not set |
Vertical alignment, tablet (declared by the source column)columns[].verticalAlignTablet |
Choice | No | Top (top); Center (center); Bottom (bottom) |
Not declared | Not set |
Vertical alignment, mobile (declared by the source column)columns[].verticalAlignMobile |
Choice | No | Top (top); Center (center); Bottom (bottom) |
Not declared | Not set |
Padding (declared by the source column, e.g. 0px 10% 0px 0px)columns[].padding |
Text | No | No fixed list | Not declared | Not set |
Padding, tablet (declared)columns[].paddingTablet |
Text | No | No fixed list | Not declared | Not set |
Padding, mobile (declared)columns[].paddingMobile |
Text | No | No fixed list | Not declared | Not set |
Gap between blocks (declared by the source column’s flex container)columns[].childGap |
Text | No | No fixed list | Not declared | Not set |
Gap between blocks, tablet (declared)columns[].childGapTablet |
Text | No | No fixed list | Not declared | Not set |
Gap between blocks, mobile (declared)columns[].childGapMobile |
Text | No | No fixed list | Not declared | Not set |
Hidden on mobile (declared by the source)columns[].hiddenMobile |
Yes or no | No | No fixed list | Not declared | Not set |
Hidden on tablet (declared by the source)columns[].hiddenTablet |
Yes or no | No | No fixed list | Not declared | Not set |
Hidden on desktop (declared by the source)columns[].hiddenDesktop |
Yes or no | No | No fixed list | Not declared | Not set |
Border style (declared by the source column)columns[].borderStyle |
Choice | No | Solid (solid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove) |
Not declared | Not set |
Border width (declared by the source column, four sides)columns[].borderWidth |
Text | No | No fixed list | Not declared | Not set |
Border width, tablet (declared)columns[].borderWidthTablet |
Text | No | No fixed list | Not declared | Not set |
Border width, mobile (declared)columns[].borderWidthMobile |
Text | No | No fixed list | Not declared | Not set |
Border color (declared by the source column)columns[].borderColor |
Text | No | No fixed list | Not declared | Not set |
Corner radius (declared by the source column, four corners)columns[].borderRadius |
Text | No | No fixed list | Not declared | Not set |
Corner radius, tablet (declared)columns[].borderRadiusTablet |
Text | No | No fixed list | Not declared | Not set |
Corner radius, mobile (declared)columns[].borderRadiusMobile |
Text | No | No fixed list | Not declared | Not set |
Box shadow (declared by the source column, a CSS box-shadow value)columns[].boxShadow |
Text | No | No fixed list | Not declared | Not set |
Stacking order (declared by the source column)columns[].zIndex |
Number | No | No fixed list | Not declared | Not set |
Stacking order, tablet (declared)columns[].zIndexTablet |
Number | No | No fixed list | Not declared | Not set |
Stacking order, mobile (declared)columns[].zIndexMobile |
Number | No | No fixed list | Not declared | Not set |
Border style on hover (declared by the source column)columns[].hoverBorderStyle |
Choice | No | Solid (solid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove) |
Not declared | Not set |
Border width on hover (declared, four sides)columns[].hoverBorderWidth |
Text | No | No fixed list | Not declared | Not set |
Border width on hover, tablet (declared)columns[].hoverBorderWidthTablet |
Text | No | No fixed list | Not declared | Not set |
Border width on hover, mobile (declared)columns[].hoverBorderWidthMobile |
Text | No | No fixed list | Not declared | Not set |
Border color on hover (declared by the source column)columns[].hoverBorderColor |
Text | No | No fixed list | Not declared | Not set |
Corner radius on hover (declared, four corners)columns[].hoverBorderRadius |
Text | No | No fixed list | Not declared | Not set |
Corner radius on hover, tablet (declared)columns[].hoverBorderRadiusTablet |
Text | No | No fixed list | Not declared | Not set |
Corner radius on hover, mobile (declared)columns[].hoverBorderRadiusMobile |
Text | No | No fixed list | Not declared | Not set |
Box shadow on hover (declared, a CSS box-shadow value)columns[].hoverBoxShadow |
Text | No | No fixed list | Not declared | Not set |
Hover transition (ms, declared by the source column)columns[].hoverTransitionMs |
Number | No | No fixed list | Not declared | Not set |
Background color (declared by the source column)columns[].backgroundColor |
Text | No | No fixed list | Not declared | Not set |
Background overlay color (declared by the source column)columns[].backgroundOverlayColor |
Text | No | No fixed list | Not declared | Not set |
Background overlay opacity (0 to 1, declared by the source column)columns[].backgroundOverlayOpacity |
Number | No | No fixed list | Not declared | Not set |
Heading color (declared by the source column; it cascades to its headings)columns[].headingColor |
Text | No | No fixed list | Not declared | Not set |
Text color (declared by the source column; it cascades to its content)columns[].colorText |
Text | No | No fixed list | Not declared | Not set |
Link color (declared by the source column)columns[].colorLink |
Text | No | No fixed list | Not declared | Not set |
Link color on hover (declared by the source column)columns[].colorLinkHover |
Text | No | No fixed list | Not declared | Not set |
Text alignment (declared by the source column; it cascades to its content)columns[].textAlign |
Choice | No | Left (left); Center (center); Right (right); Justify (justify) |
Not declared | Not set |
Text alignment, tablet (declared by the source column)columns[].textAlignTablet |
Choice | No | Left (left); Center (center); Right (right); Justify (justify) |
Not declared | Not set |
Text alignment, mobile (declared by the source column)columns[].textAlignMobile |
Choice | No | Left (left); Center (center); Right (right); Justify (justify) |
Not declared | Not set |
Blockscolumns[].children |
Child content | No | No fixed list | Not declared | 2 starter entries; 1 starter entries |
Vertical alignment (declared by the source row)verticalAlign |
Choice | No | Center (center); Bottom (bottom) |
Not declared | Not set |
Semantic tagsemantic |
Choice | No | Hero-like (hero); Features-like (features); Gallery-like (gallery); CTA-like (cta); Prose-like (prose) |
Not declared | Prose-like |
flushColumnsequalHeighthiddenMobilehiddenTablethiddenDesktopbackgroundImageUrlbackgroundColorbackgroundGradientbackgroundOverlayColorbackgroundOverlayOpacitycontentMaxWidthcontentWidthModeboxed); Full (spans its own parent, no cap) (full)gridGapgridRowGapgridGapTabletgridGapMobilegridRowGapTabletgridRowGapMobilerowMinHeightresponsiveProfilerowMinHeightTabletrowMinHeightMobilerowPaddingrowPaddingTabletrowPaddingMobilerowMarginrowMarginTabletrowMarginMobileborderStylesolid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove)borderWidthborderWidthTabletborderWidthMobileborderColorborderRadiusborderRadiusTabletborderRadiusMobileboxShadowzIndexzIndexTabletzIndexMobilehoverBorderStylesolid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove)hoverBorderWidthhoverBorderWidthTablethoverBorderWidthMobilehoverBorderColorhoverBorderRadiushoverBorderRadiusTablethoverBorderRadiusMobilehoverBoxShadowhoverTransitionMstextColorregimehost); The viewport (a source builder’s nested group) (viewport)columnOrderTabletreverse)columnOrderMobilereverse)columnFlowflex); Block flow (margins collapse) (block)bleedfull); Content width (content)columnscolumns[].width50columns[].widthTabletcolumns[].widthMobilecolumns[].maxWidthMobilecolumns[].verticalAligntop); Center (center); Bottom (bottom)columns[].verticalAlignTablettop); Center (center); Bottom (bottom)columns[].verticalAlignMobiletop); Center (center); Bottom (bottom)columns[].paddingcolumns[].paddingTabletcolumns[].paddingMobilecolumns[].childGapcolumns[].childGapTabletcolumns[].childGapMobilecolumns[].hiddenMobilecolumns[].hiddenTabletcolumns[].hiddenDesktopcolumns[].borderStylesolid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove)columns[].borderWidthcolumns[].borderWidthTabletcolumns[].borderWidthMobilecolumns[].borderColorcolumns[].borderRadiuscolumns[].borderRadiusTabletcolumns[].borderRadiusMobilecolumns[].boxShadowcolumns[].zIndexcolumns[].zIndexTabletcolumns[].zIndexMobilecolumns[].hoverBorderStylesolid); Double (double); Dotted (dotted); Dashed (dashed); Groove (groove)columns[].hoverBorderWidthcolumns[].hoverBorderWidthTabletcolumns[].hoverBorderWidthMobilecolumns[].hoverBorderColorcolumns[].hoverBorderRadiuscolumns[].hoverBorderRadiusTabletcolumns[].hoverBorderRadiusMobilecolumns[].hoverBoxShadowcolumns[].hoverTransitionMscolumns[].backgroundColorcolumns[].backgroundOverlayColorcolumns[].backgroundOverlayOpacitycolumns[].headingColorcolumns[].colorTextcolumns[].colorLinkcolumns[].colorLinkHovercolumns[].textAlignleft); Center (center); Right (right); Justify (justify)columns[].textAlignTabletleft); Center (center); Right (right); Justify (justify)columns[].textAlignMobileleft); Center (center); Right (right); Justify (justify)columns[].childrenverticalAligncenter); Bottom (bottom)semantichero); Features-like (features); Gallery-like (gallery); CTA-like (cta); Prose-like (prose)A responsive arrangement of columns and elements.
Also carries: Advanced fields, Appearance fields. See shared fields.
| Field | Input | Required | Choices | Field default | Starter value |
|---|---|---|---|---|---|
Section numberpxLabelNumber |
Formatted text | No | No fixed list | Not declared | Not set |
Section labelpxLabel |
Formatted text | No | No fixed list | Not declared | Not set |
Band tonetone |
Choice | No | Page background (default) (default); Subtle surface band (surface); Primary band (primary); Stage (near black, with glow) (stage) |
Not declared | Page background (default) |
Vertical placement (whole row)verticalAlign |
Choice | No | Top (top); Middle (center); Bottom (bottom) |
Not declared | Top |
Space between columnsgap |
Choice | No | Tight (3); Normal (5); Roomy (6); Generous (7) |
Not declared | Normal |
pxLabelNumberpxLabeltonedefault); Subtle surface band (surface); Primary band (primary); Stage (near black, with glow) (stage)verticalAligntop); Middle (center); Bottom (bottom)gap3); Normal (5); Roomy (6); Generous (7)The basic starter holds two columns, seven and five twelfths wide on a desktop screen and full width on smaller screens. The first holds a Heading, a Rich text and a Button; the second holds an Image. Each starter element shows its own type’s name until you change it, and the button has no link yet.
Return to the Composer, select the section and review its editable fields. Apply your draft change and inspect the page preview before publishing.