Media & Text – core/media-text

Set media and words side-by-side for a richer layout.

Use the Media & Text block as an easy way to display two columns where one column is an image and the other is text.

Screenshot

Example

WordPress

Reference for WordPress, bundled plugins and themes.

Core

Reference for WordPress core only.

Blocks

WordPress Blocks Reference.


Notes

  • Settings include: Stack on mobile
  • The Text area can contain Headings, Paragraphs, Lists and Buttons.
  • Can be transformed to an Image.
Replace
  • 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.
  • Show media leftShow media on the left hand side
  • Show media rightShow media on the right hand side
  • 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
  • LinkUse Link to create a hyperlink to your highlighted text.
  • ReplaceReplaceReplace the selected file.
    • Open Media LibraryChoose from the Media library.
    • UploadUpload a file.
  • 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.

Media & Text transforms to:

  • Columns
  • Group