Vertical – core/buttons

Buttons shown in a column.

Use the Vertical variation of the Buttons block to display a set of call to action buttons vertically.

Screenshot

Example

Button one
Button two

Notes

  • Use Settings > Transform to variation to switch to horizontal buttons.

Buttons block variations

Horizontal – buttons-horizontal
Buttons shown in a row.
Vertical – buttons-vertical
Buttons shown in a column.
  • Change alignmentUse Change alignment to choose the alignment
    • Align leftAlign to the left
    • Align centerAlign in the center
    • 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 items justification
    • Justify items leftJustify items to the left
    • Justify items centerJustify items centrally
    • Justify items rightJustify items to the right
  • 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.

Buttons transforms to:

  • Columns
  • Group