The Layout group sets how much room a block or a section takes and where it sits: its width, its height, and whether it floats over its container. Blocks and sections share some of these settings. A section has a few of its own, under Section layout settings below.
Which settings you see depends on the block and on where it sits. A Group arranges its blocks in a stack, a row or a grid, set by Layout in the Group's General group, and a block inside it gets the choices of that arrangement. Some settings show right away. Others you add with the + beside Layout, where a check marks the ones already shown. To remove one, select it again in that menu, or click the x that appears beside it when the pointer is over the row. Removing a setting clears its value.
Sticky and Hold pinned blocks in this menu belong to the Group block. Group describes them.
Width and height
Setting
What it does
Width
How wide the block is. The choices depend on where the block sits, as the next table shows. Fixed takes a length in px, %, em, rem or vh, such as 320px. Add it from the + menu, or use the Width button on the canvas toolbar, which sets the same value.
Height
How tall the block is. Fit makes it as tall as its content. Fill stretches it. Inside a stack it takes the height the stack leaves free, such as the extra height a Group's Min Height adds. Inside a row it is as tall as the row, and inside a grid as tall as its grid row. Fixed takes a length in px, em, rem or vh. Image, Video, Avatar and Featured Image always show it. Other blocks show it only inside a Group set to Stack. Placed straight in a section, a block offers no Fill.
Column span
Shows when the block sits in a Group set to Grid. How many grid columns the block covers, from 1 to 16.
Row span
Shows in a grid, like Column span. How many grid rows the block covers, from 1 to 16.
Width offers different choices in each place:
Where the block sits
Choices
Straight in a section that has a content column, such as a Section or a Navigation
Fit (as wide as its content), Full (the full width of the section), Wide, Standard, Narrow and Fixed. With nothing chosen, the block takes the section's Content Width.
Straight in a Post Content section
Fit, Fill (as wide as its container) and Fixed.
In a Group set to Stack
Fit, Fill (as wide as the stack) and Fixed.
In a Group set to Row
Fit, Fill (shares the room the row leaves) and Fixed. Every width, Fixed included, gets narrower when the row has less room.
In a Group set to Grid
No Width. Use Column span.
Image, Gallery, Video and Separator have no Fit. Wide, Standard and Narrow are 1400 px, 1140 px and 720 px until you change them in Page widths and spacing.
Min height and aspect ratio
Setting
What it does
Min Height
The least height the block keeps, even with little content: None, Small (320 px), Medium (480 px), Large (640 px), Extra Large (800 px), Screen (the height of the browser window), or a length you enter. Group, Form, Paywall and No Results have it. On a Group and a Form you add it from the + menu.
Vertical Align
Where the content sits inside the extra height: Top (the default), Center or Bottom. Shows when Min Height is not None or Aspect Ratio is not Auto. A Group set to Row with Wrap off does not show it, because the row's own alignment places its blocks.
Aspect Ratio
Keeps the block's width and height in a fixed proportion: Auto (no ratio), 1:1, 4:3, 3:2, 16:9, 3:4, 9:16, or Custom with a width and a height you enter. With a ratio, the height follows the width, and the info button beside Height says so. To set the height yourself, choose Auto. One case works the other way: if the block's Height is Fixed, the width follows the ratio.
Pinned position
Blocks inside a Group or a Form can leave the normal order and sit over their container, like a badge in the corner of a card.
Setting
What it does
Position
In flow (the default) keeps the block in order with the blocks around it. Pinned lifts it out of that order and places it over its container. Add it from the + menu.
Pin to
Shows when Position is Pinned. Two rows set where the block sits. The first row is vertical: Top, Middle, Bottom, or Top and bottom to stretch it over the full height. The second row is horizontal: Left, Center, Right, or Left and right to stretch it over the full width. Each row has an offset box for the distance from that edge, such as 12px, which starts at 0. Middle and Center have no offset. The default is the top right corner.
A pinned block sits over the nearest Group or Form that holds pinned blocks. Group explains Hold pinned blocks, which decides that.
Settings that change per screen size
Every block setting on this page can differ on tablets and phones. Switch the preview to Tablet or Mobile and change the value there. A setting with its own value on that screen size is marked Set on Tablet or Set on Mobile, with a button such as Reset to Desktop. Change the design on tablets and phones explains how.
Section layout settings
Sections have their own Layout settings. Unlike block settings, they apply on every screen size: a section's Min Height is the same on phones.
Setting
What it does
Width
How wide the section's own box is, background included: Full, Wide, Standard, Narrow, or a length you enter. The default is Full. A Section and a Navigation show it only while it holds a value other than Full, which some patterns and older projects have. Choose Full and it disappears. Post Content and Post Comments always show it. A Dialog has none: its Position and Width set its size.
Content Width
How wide the column the blocks sit in can grow: Full, Wide, Standard, Narrow, or a length you enter. The defaults are Wide for a Section and a Navigation, Standard for Post Comments and Narrow for Post Content. On a Section, a Navigation and a Dialog, add it from the + menu or use the Content Width button on the canvas toolbar.
Min Height
The least height of the section, with the same values as for blocks. On a Section, a Navigation and a Dialog, add it from the + menu.
Align
Where the content column sits when it is narrower than the section: Left, Center (the default) or Right. A Section, a Navigation and a Dialog show it only while it holds another value.
Vertical Align
Where the content sits inside a Min Height: Top, Center (the default for sections) or Bottom. Shows when Min Height is not None.
To hide a section on some screen sizes, use Screen sizes in Display settings.
Settings older projects can show
Two block settings show only on blocks that already have a value, such as blocks from older projects. They no longer take new values.
Setting
What it does
Alignment
None, Wide width or Full width. Lets a block reach past the section's content column. Choose None to keep the block inside the content column.
Align
Left, Center or Right. Places a block narrower than its container. Shows when Width is Wide, Standard, Narrow or Fixed. Click the selected button to clear it and the setting disappears.
The Layout group sets how much room a block or a section takes and where it sits: its width, its height, and whether it floats over its container. Blocks and sections share some of these settings. A section has a few of its own, under Section layout settings below.
Which settings you see depends on the block and on where it sits. A Group arranges its blocks in a stack, a row or a grid, set by Layout in the Group's General group, and a block inside it gets the choices of that arrangement. Some settings show right away. Others you add with the + beside Layout, where a check marks the ones already shown. To remove one, select it again in that menu, or click the x that appears beside it when the pointer is over the row. Removing a setting clears its value.
Sticky and Hold pinned blocks in this menu belong to the Group block. Group describes them.
Width and height
px,%,em,remorvh, such as320px. Add it from the + menu, or use the Width button on the canvas toolbar, which sets the same value.px,em,remorvh. Image, Video, Avatar and Featured Image always show it. Other blocks show it only inside a Group set to Stack. Placed straight in a section, a block offers no Fill.Width offers different choices in each place:
Image, Gallery, Video and Separator have no Fit. Wide, Standard and Narrow are 1400 px, 1140 px and 720 px until you change them in Page widths and spacing.
Min height and aspect ratio
Pinned position
Blocks inside a Group or a Form can leave the normal order and sit over their container, like a badge in the corner of a card.
12px, which starts at 0. Middle and Center have no offset. The default is the top right corner.A pinned block sits over the nearest Group or Form that holds pinned blocks. Group explains Hold pinned blocks, which decides that.
Settings that change per screen size
Every block setting on this page can differ on tablets and phones. Switch the preview to Tablet or Mobile and change the value there. A setting with its own value on that screen size is marked Set on Tablet or Set on Mobile, with a button such as Reset to Desktop. Change the design on tablets and phones explains how.
Section layout settings
Sections have their own Layout settings. Unlike block settings, they apply on every screen size: a section's Min Height is the same on phones.
To hide a section on some screen sizes, use Screen sizes in Display settings.
Settings older projects can show
Two block settings show only on blocks that already have a value, such as blocks from older projects. They no longer take new values.