25 / 50 / 25 – core/columns

Three columns; wide center column

Use the 25 / 50 / 25 variation of Columns to arrange 3 columns with the centre double the width of the outer columns.

Screenshot

Please set featured image

Example

25

50

25

Notes

  • Change alignmentUse Change alignment to choose the alignment
    • Align leftAlign to the left
    • Align centreAlign in the centre
    • Align rightAlign to the right
    • Wide widthIncrease the width of the block beyond the content size. Requires theme support.
    • Full widthExtend the block to cover the full width of the screen. Requires theme support.
  • Change vertical alignmentChange the vertical alignment of the columns
    • Vertically Align TopVertically align the columns
    • Vertically Align MiddleVertically align the columns to the middle
    • Vertically Align BottomVertically align the columns to the bottom
  • More optionsDisplay more options
    • Show More SettingsShow the block settings in the sidebar.
    • CopyCopy the block to the clipboard.
    • DuplicateUse Duplicate to create a copy of the block.
    • Insert AfterInsert a new block after the selected block(s).
    • Insert BeforeInsert a new block before the selected block(s).
    • Move To Use Move To to move a block. Up/Down or Left/Right
    • Edit as HTMLEdit the HTML of the block.
    • GroupTransform the selected block(s) into a group.
    • Add to Reusable blocksCreate a Reusable block.
    • Remove blockDelete the block.

Columns transforms to:

  • Group

Variants of Columns

50 / 50 – two-columns-equal
Two columns; equal split
30 / 70 – two-columns-one-third-two-thirds
Two columns; one-third, two-thirds split
70 / 30 – two-columns-two-thirds-one-third
Two columns; two-thirds, one-third split
33 / 33 / 33 – three-columns-equal
Three columns; equal split
25 / 50 / 25 – three-columns-wider-center
Three columns; wide center column