Column
A responsive grid column (.col-*). Set per-breakpoint widths and place any content inside. It is shown in the block inserter as Canvas Column and registered as canvas-core/column.
Select the block on a page and its own settings open in the sidebar, in the panels below:
Settings
Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:
Layout
Width - Base (xs)Default12/12
How much of the row this column takes at this screen width, counted in twelfths. Inherit carries the width down from the next smaller size, Auto shrinks the column to fit its content, and Fill shares what is left equally with the other Fill columns.
ChoicesInherit (empty)AutoFill (equal)1/122/123/124/125/126/127/128/129/12and 3 more
Width - SmallDefaultEmpty
How much of the row this column takes at this screen width, counted in twelfths. Inherit carries the width down from the next smaller size, Auto shrinks the column to fit its content, and Fill shares what is left equally with the other Fill columns.
ChoicesInherit (empty)AutoFill (equal)1/122/123/124/125/126/127/128/129/12and 3 more
Width - MediumDefaultEmpty
How much of the row this column takes at this screen width, counted in twelfths. Inherit carries the width down from the next smaller size, Auto shrinks the column to fit its content, and Fill shares what is left equally with the other Fill columns.
ChoicesInherit (empty)AutoFill (equal)1/122/123/124/125/126/127/128/129/12and 3 more
Width - LargeDefaultEmpty
How much of the row this column takes at this screen width, counted in twelfths. Inherit carries the width down from the next smaller size, Auto shrinks the column to fit its content, and Fill shares what is left equally with the other Fill columns.
ChoicesInherit (empty)AutoFill (equal)1/122/123/124/125/126/127/128/129/12and 3 more
Width - X-LargeDefaultEmpty
How much of the row this column takes at this screen width, counted in twelfths. Inherit carries the width down from the next smaller size, Auto shrinks the column to fit its content, and Fill shares what is left equally with the other Fill columns.
ChoicesInherit (empty)AutoFill (equal)1/122/123/124/125/126/127/128/129/12and 3 more
Related
Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.
Other blocks in Layout: Container, Copyrights, Footer About, Footer Contacts, Footer Instagram, Footer Widget Area.