Wide Alignment and Full Width

Examples of new alignment options introduced with the Gutenberg editor – full-width and wide-alignment.

Normal Width of Page Content

This text and the image below demonstrate the standard width of content on this page.  Long lines of text can be very hard to read and so, for screens larger than mobile devices, there is a limit to the content width, and standard text and most blocks are contained within those bounds.

Wide Aligned

Full Width

What Block Types Can Be Full or Wide-Aligned?

Assuming that your theme supports them, the new alignment options are offered for these blocks:-

  • Cover Image Block
  • Image Block
  • Gallery Block
  • Pullquote Block
  • Video Block
  • Table Block
  • Columns Block
  • Categories Block (fullwidth only)
  • Embed Block

A Wide-Aligned Table

Day 1Day 2Day 3Day 4
Swiss Muesli with YoghurtBacon and EggsFrench croissant with strawberry jamEggs Benedict with Smoked Salmon

Full-Width Cover Image Block

Cover Image Block with Full Width Alignment Setting

Important Note

The full-width and wide-alignment options require that your theme explicitly supports them.  See Gutenberg Blocks – Wide Alignment and Full-width Developer Aside for a deeper discussion on what is needed to support these alignment options.