Spacer Block

In case you need to add more space in between two blocks, the spacer block is what you are looking for.

To add a spacer, click on the Add Block button and select the Spacer block. Alternatively, you can start typing /spacer in a new paragraph block, then press enter.

Use the slash command /spacer to insert a spacer block

Detailed instructions on adding blocks can be found here.

Block Interface

Every block comes with unique and block-specific controls that allow you to manipulate the block directly right in the editor.

The spacer block is pretty straightforward and doesn’t include any formatting options although the Conj - eCommerce WordPress Theme extends its functionality with adding a set of handy visibility controls to it.

You can click on the spacer block to reveal the visibility settings and more

Spacer Settings

Within this tab, you can adjust the height (in pixels) of the space you want to add by either typing the number or dragging the double arrow icon to up or down to make the height bigger or smaller respectively.

Adjusting spacer block height

Visibility Settings

The following visbility settings enable you to hide the spacer block from the view at any given or chosen viewport(s).

  • Desktop

  • Laptop

  • Tablet

  • Smartphone

In addition to the options found in the block’s toolbar, you may locate the block specific settings in the editor sidebar panel. Clicking on the cog icon next to the publish button will toggle the visibility of this panel.

The spacer block settings can be found in the sidebar

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and apply styles to the block as you see fit.