How to select the view mode and edit blocks

These are the block View Modes or widths that are available:

• Full
• Half
• Third
• Enhanced (for Call-to-action blocks only)

This makes it possible to display two to three blocks side-by-side, or even multiple blocks in multiple rows. For instance, two Half-width blocks can appear in one row, while three Third-width blocks can appear in another row.

You can change the width of a block by editing the block and changing the View Mode.

To edit a block either:

1. Hover over the top right-hand corner of a block until the gear icon and drop-down list appears, then click Edit Block.

   Or

2. Go to My Workbench and click the BLOCKS tab, then click Edit Block under the Operations column.

It’s possible to combine different types of blocks with different View Modes to create striking layouts.

In the example below, Statement blocks are used together with List blocks and Channels blocks to create an engaging homepage.

---

Best practices to ensure your blocks are well-positioned

Site Managers may sometimes encounter issues like gaps or misaligned blocks when using multiple blocks and different View Modes on the same page.

To avoid these issues, we recommend the following:

1. Ensure that content on each row appears consistent
   • Place only the same block types next to each other
   • Images on the same row should have the exact same height and width (a one pixel difference can throw off the alignment)
     • See 5 Tips for creating picture perfect web images

     

   • Text on adjacent blocks should have the same number of lines

     

2. Avoid issues with alignment by ensuring that all blocks float properly. This can be done by placing rows in different regions.
   • We recommend using a combination of the following:
     • Top of page
     • Top of content*
     • Bottom of content*
     • Bottom of page

     *Can be used with either Top of page or Bottom of page regions if there is no sidebar

3. Do not place Half or Third-width blocks in the Highlighted region. This region is reserved for Full-width Hero blocks and Enhanced Call to action blocks.

---