You can change a block’s layout by clicking the layout button in the block editor bar. This will open the Layout Library, where you can choose from 50+ layouts for media, text, or charts. All layouts are automatically mobile-adaptive. Click on a layout’s thumbnail to switch to that layout.

Click the width button at the top of the block editor bar to change the block's width. Choose from ⅓, ½, ⅔, full width, or span width. Span width blocks will fill the page from edge to edge.

To change the background of a block to a different color or image, click the color palette icon to open the color picker. Select a color from your brand colors or color palette, or input a custom color’s hex code and click “Add color.”

To select a background image, select the “Background image” checkbox. Then, click the media button to select or upload a background image in your Media Libraries. Click the crop button to crop your image if needed.

Using padding editors, you can customize the spacing inside and around block layouts.

To modify the content spacing of the entire block, click the padding icon from the block editor bar. Select a maximum width slider to constrain the width of the layout’s media and text. Disable the sliders to allow media & text to reach the edges of the page. Enter a number in the padding fields to change the space on the block's top, bottom, left, or right edge.

Customize the padding inside & outside a text box from the text editor bar. Click inside a text box to open the text editor bar, and select the inner or outer padding icons to make changes.

Click the padding icon on any media to change the padding around it.

Click & drag the move icon in the block editor bar to re-arrange blocks. Drag to the desired position and let go when you see an outlined space where you want the block to be.