Spacing with WordPress Blocks

WordPress How To's

When editing a vanilla WordPress Block layout, there are two main ways to adjust spacing within the layout.

First, you may open the style settings for a specific block and find the “Dimensions” settings

In this example we see a “Buttons” block.

  • Margin is the spacing around the outside of the block
  • Block Spacing is the spacing between the buttons in the block

Padding vs Margin

Margins and Padding are two different types of spacing from HTML.

Padding adds space to the inside of the block,

Margin adds space to the outside of the block,

Spacer Block

The “Spacer” Block is a way to add space between blocks or to the bottom of a page. 

Spacers are invisible to the front end by default and are only visible when editing the page.

Height of spacer is set in the right-hand settings for the spacer block.

More JustCole Blog Posts

Editing Divi Content

Please Note: This help document uses verbiage and screenshots from Divi 4. Divi 5 has somewhat updated builder visuals and button verbiage but most of this document remains true for Divi 5 sites. When building a WordPress site, Cole uses a theme called Divi. Divi...

Updating WordPress, Themes, and Plugins

When your site needs an update you will see a colored number badge on the “Updates” menu in your dashboard.On your updates page you will see a list of things with updates available. Select the things you wish to update and then click the “Update _” button at the top...